28173 sujets

CSS et mise en forme, CSS3

[non résolu]Taille de police

Bonjour,

J'utilise une boite:
#navMain ul {
    margin: 0;
           padding: 0;
    list-style-type: none ;
           margin-left: -3px;
          }

#navMain ul li{
   margin: 0;
          padding: 0;
}

#navMain ul li a {
   display: inline;
   width: 100px ;
   float: left;
          line-height: 30px ;
   background: url(../images/bouton/bouton.gif) no-repeat 0 0;
   text-align: center;
          text-transform: uppercase;
          text-decoration: none;
          font-weight: bold;
          color: #2C485A;
   background-color: none;
   }

#navMain ul li a:hover {
          background: url(../images/bouton/bouton.gif) no-repeat 0 -30px;
          border: none;
          color: #55A5E1;
          font-weight: bold;
          }



Dans laquelle un texte est présent : Accueil
Lorsque j'augmente la taille des polices du navigateur IE6 la boite se trouve décalée car elle augmente aussi de taille.
Existe-t-il une solution pour contraindre la boite à ne pas changer de taille?

Merci

Jacques
Modifié par danery (11 Apr 2007 - 19:03)
salut, oui, lui attribuer hauteur et largeur Smiley smile le risque devient en revanche qu'en augmentant de taille, le texte soit rogné, à moins que tu ne laisses l'overflow mais dans ces cas-là, autant laisser la boîte grossir

have swing
Bonjour,
Malgré la hauteur définie à 30px, sous IE6 la boite se trouve toujours décalée!
Des idées?
Merci
Jacques
Smiley rolleyes
Salut,

La solution pour çà serait peut être de les avoir en position absolue ces deux boutons. Ainsi, même en s'agrandissant, même en agrandissant leur conteneur, la suite du contenu ne descendrait pas. Mais à faire des pincettes quand même lorsqu'il s'agit de position absolues.
Sitôt dit sitôt fait!
ça change rien et le code ne permet pas de séparer les boutons.
Aussi je pense que je vais abandonner toutes velléités de modifier cela.
Jacques
Sujet clos
Aller à