pb css netscape mozilla

pb css netscape mozilla - HTML/CSS - Programmation

Marsh Posté le 27-03-2004 à 08:48:34    

Bonjour,
j'ai un petit probleme avec des boutons en css. Et le pire est que cela marche sous ie mais pas mozilla/netscape.
 
LE PROBLEME : Sous mozilla, j'ai des boutons qui ont une largeur adapté au texte (alors que dans mon css j'ai un width=120) comme la longueur du texte des boutons varie -> c'est tout vilain.
Autre chose, les boutons se superposent contrairement à ie.
 
voila la partie du css concerné.
 
a.bouton2:link{width:120px;height:15px;text-decoration:none;;font-size:11px;color:black;text-align:center;font-weight:bold;padding:5px;border-style:outset;border-width:1px;border-color:white}
a.bouton2:visited{width:120px;height:15px;text-decoration:none;font-size:11px;color:black;text-align:center;font-weight:bold;padding:5px;border-style:outset;border-width:1px;border-color:white}
a.bouton2:hover{width:120px;height:15px;text-decoration:none;;font-size:11px;color:white;text-align:center;font-weight:bold;background-color:#6699CC;padding:5px;border-style:outset;border-width:1px;border-color:silver}
 
Excusez moi de vous déranger pour un si petit probleme.
En cherchant une salution, j'ai découvert plusieurs sites qui évoquaient la performance de mozilla pour interpréter les css ;)  ;)  
 
Merci pour vos réponses

Reply

Marsh Posté le 27-03-2004 à 08:48:34   

Reply

Marsh Posté le 28-03-2004 à 17:44:07    

un petit lien ?

Reply

Marsh Posté le 28-03-2004 à 17:47:14    

width ne peut fonctionner qu'avec des éléments de type bloc ou tableau, pas des élément de type inline comme les liens. IE a donc tord de le prendre en compte.
 
Si tu veux absolument ce comportement, tu dois forcer le mode d'affichage en bloc en rajoutant un display:block;

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed