[résolu]problème d'alignement des icônes

[Invité]

Bonjour,

Après avoir installé Framakey sur ma clé USB j'ai ajouté des applications. Mais pour l'une d'entre elle, dans l'onglet Outils, son icône ne s'aligne pas avec celles déjà existantes.



J'ai déjà essayé de placer l'icône au début,à la fin et même parmi les icônes existantes (comme sur la capture écran) mais il y a toujours un renvoi à la ligne qui se produit. Et ce décalage n'est pas très esthétique.

Voici un copier-coller du bloc-notes de ma page outil :

<script type="text/javascript">
$(function() {
$('.applications *').tooltip({
track: true,
delay: 700,
showBody: " - ",
showURL: false
});
});
</script>
<div id="apps" class="applications">
<div class="application">
<div class="icone"><a href="lch/Apps/Portable7zip.lch"

title="7zip - Compressez de multiples fichiers aux formats 7z, ZIP, GZIP,

BZIP2 and TAR. Décompressez les fichiers RJ, CAB, CHM, CPIO, DEB, DMG,

HFS, ISO, LZH, LZMA, MSI, NSIS, RAR, RPM, UDF, WIM, XAR and Z."><img

alt="7zip" src="img\Apps\Portable7zip.png" /></a></div>
<div class="description">Compression de fichiers</div>
</div>

<div class="application">
<div class="icone"><a

href="lch/Apps/PortableNotepad++.lch" title="Notepad++ - Un éditeur de

fichiers textes extrêmement puissant."><img alt="Notepad++"

src="img\Apps\PortableNotepad++.png" /></a></div>
<div class="description">Editeur</div>
</div>

<div class="application">
<div class="icone"><a href="lch/Apps/PortableKeepass.lch"

title="Keepass - Mettez vos mots de passe à l'abri avec Keepass."><img

alt="Keepass" src="img\Apps\PortableKeepass.png" /></a></div>
<div class="description">Protection des mots de

passe</div>
</div>

<div class="application">
<div class="icone"><a

href="lch/Apps/PortableInfraRecorder.lch" title="InfraRecorder - Gravez

vos CD et DVD."><img alt="InfraRecorder"

src="img\Apps\PortableInfraRecorder.png" /></a></div>
<div class="description">Graver</div>
</div>

<div class="application">
<div class="icone"><a

href="lch/Apps/KompoZerPortable.lch" title="KompoZer - Editeur de pages

web HTML."><img alt="KompoZer" src="img\Apps\KompoZerPortable.png"

/></a></div>
<div class="description">Editeur HTML</div>
</div>


<div class="application">
<div class="icone"><a href="lch/Apps/Snagit.lch"

title="Snagit - Capturez puis éditez ce que vous voyez à l'écran.

Partagez votre capture par le biais de la messagerie électronique,

PowerPoint et autres. Organisez vos captures d'écran à l'aide

d'indicateurs, d'étiquettes et du stockage automatique."><img

alt="Snagit" src="img\Apps\64px-SnagIt_Icon.png" /></a></div>
<div class="description">Captures d'écran</div>
</div>

<div class="application">
<div class="icone"><a href="lch/Apps/PortableCAFE.lch"

title="CAFE - Ouvrez vos fichiers avec les applications de votre

Framakey."><img alt="CAFE" src="img\Apps\PortableCAFE.png" /></a></div>
<div class="description">Outil Framakey</div>
</div>

<div class="application">
<div class="icone"><a

href="lch/Apps/PortableWindirstat.lch" title="Windirstat - Visualisez

simplement ce qui prend de la place sur votre disque dur."><img

alt="Windirstat" src="img\Apps\PortableWindirstat.png" /></a></div>
<div class="description">Espace utilisé</div>
</div>

<div class="separator">Accessibilité et handicap</div>

<div class="application">
<div class="icone"><a href="lch/Apps/On-

ScreenKeyboardPortable.lch" title="OnScreenKeyboard - Logiciel

représentant le clavier."><img alt="OnScreenKeyboard" src="img\Apps\On-

ScreenKeyboardPortable.png" /></a></div>
<div class="description">Clavier virtuel</div>
</div>

<div class="application">
<div class="icone"><a href="lch/Apps/PortableNVDA.lch"

title="NVDA - NVDA lira à voix haute tous les textes présents à

l'écran."><img alt="NVDA" src="img\Apps\PortableNVDA.png" /></a></div>
<div class="description">Lecteur d'écran</div>
</div>

<div class="application">
<div class="icone"><a

href="lch/Apps/VirtualMagnifyingGlassPortable.lch"

title="VirtualMagnifyingGlass - Bien pratique lorsqu'on a les yeux

fatigués."><img alt="VirtualMagnifyingGlass"

src="img\Apps\VirtualMagnifyingGlassPortable.png" /></a></div>
<div class="description">Loupe</div>
</div>

</div>


Quelqu'un connaît-il la solution pour que les icône soient alignées ?

[Banguy]

bonjour,

Je rencontre exactement le même problème.
Quelqu'un a t-il une solution ?

Merci par avance.

[Roromis]

Le problème vient (je pense) du texte "Protection des mots de passe" qui est sur deux lignes, et qui empêche les icônes de se placer au bon endroit.
Trouvez un autre texte à mettre pour Keepass, trouvez lui icône plus petite ou supprimez le du FramaKiosk.

[Invité]

Merci à toi c'était effectivement bien ca le problème.

@+