28173 sujets

CSS et mise en forme, CSS3

Bonjour,

J'ai un petit pb concernant l'interligne entre les différents liens de mon menu. Voici le code :
 #navigation .rubrique a{
 width: 154px;
 line-height: 105%;         /* interligne danns un seul lien */
 height: 1.5em;              /* interligne entre les liens */
 padding-left:22px;
 background-color:#fff;
 color: #555;
 }


Or, il se trouve que lorsque mon lien est trop long et doit passer sur deux lignes, FF et IE n'en tiennent pas compte. Apparemment, FF et IE ne prennent pas en compte la 2nde ligne du lien et calcule un interligne à partir de la 1ère....
Il en résulte donc ce pb sous Firefox :
upload/3738-FF.jpg


Et celui-ci sous IE :
upload/3738-IE.jpg


Au lieu d'être tout beau, tout propre, comme sur Opéra ou Netscape ....
upload/3738-Opera-Netsc.jpg


Quelqu'un connaitrait-il la solution au problème ?
Modifié par Cygnus (17 Nov 2005 - 16:48)
Bonjour,

Evites de donner une hauteur à tes liens car en le faisant, les navigateurs conformes afficheront des textes superposés.
Si tu veux changer l'espacement entre tes liens, il vaut mieux leur donner des marges. Pour cela, appliques la propriétée display {block} auparavant.
Modifié par mathmax (17 Nov 2005 - 17:22)