28220 sujets

CSS et mise en forme, CSS3

Menu qui se deforme sous FF

Bonjour,

svp j'ai un probleme Smiley sweatdrop avec mon menu qui se deforme sous firefox si vous pouvez me donner la solution
je vous remercie tres fort
voial mon site
http://www.ms-novaxis.com/fr/ms-novaxis.htm
et pour le code html le voila 

<table width="100%" border="0" cellpadding="0" cellspacing="0">
  <tr align="left" valign="top">
    <td width="50%">&nbsp;</td>
    <td width="800"><table width="800" height="100" border="0" cellpadding="0" cellspacing="0">
      <tr align="left" valign="top">
        <td width="66" height="100" bgcolor="#FFFFFF">&nbsp;</td>
        <td width="87" height="100" valign="bottom" class="td-bloc-logo-sscourbe"><a href="../index.htm"><img src="../medias/logo.gif" alt="ms-novaxis" width="87" height="65" border="0"></a></td>
        <td width="119" align="right" valign="bottom" bgcolor="#FFFFFF"><img src="../medias/filet-menu.gif" width="1" height="100"></td>
        <td width="68" align="right" valign="bottom" bgcolor="#FFFFFF"><a href="../index.htm" class="lien-accueil">ACCUEIL</a></td>
        <td width="460" height="100" valign="bottom" class="td-menu"><!-- InstanceBeginEditable name="menu" --><span><a href="machines-speciales.htm" class="lien-menu">MACHINES
              SPECIALES</a></span><span><a href="etudes-mecaniques.htm" class="lien-menu">ETUDES
              MECANIQUES</a></span><span><a href="etudes-automatismes.htm" class="lien-menu">ETUDES
              AUTOMATISMES</a></span><span class="lien-menu-on">DEMARCHE
            QUALITE</span><span><a href="ms-novaxis.htm" class="lien-menu">MS NOVAXIS</a></span><!-- InstanceEndEditable --></td>
      </tr>
    </table></td>

CSS:
a.lien-menu {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 9px;
   font-weight: bold;
   color: #E0D287;
   padding-top: 63px;
   padding-right: 15px;
   padding-bottom: 13px;
   padding-left: 15px;
   text-decoration:none;
   background-image: url(medias/filet-menu.gif);
   height: 21px;
   background-repeat: repeat-y;
   background-position: right;
   background-color: #264286;
   width: 70px;
   float: left;
}
a:hover.lien-menu {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 9px;
   font-weight: bold;
   color: #264286;
   padding-top: 63px;
   padding-right: 15px;
   padding-bottom: 13px;
   padding-left: 15px;
   text-decoration:none;
   background-image: url(medias/filet-menu.gif);
   height: 21px;
   background-repeat: repeat-y;
   background-position: right;
   background-color: #F1DC6F;
   float: left;
}
.lien-menu-on {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 9px;
   font-weight: bold;
   color: #264286;
   padding-top: 63px;
   padding-right: 15px;
   padding-bottom: 13px;
   padding-left: 15px;
   text-decoration:none;
   background-color: #f1dc6f;
   height: 21px;
   width: 70px;
   background-image: url(medias/filet-menu.gif);
   background-repeat: no-repeat;
   background-position: right;
   float: left;
}


Merci d'avance Smiley confused
Modifié par sisssi_1 (19 Oct 2005 - 01:21)
salut.

J'ai pas encore regardé pour ton probléme mais déjà tu pourrais largement simplifié ta CSS ... tu repétes inutilement plusieurs fois les mêmes parametres : genre la typo. Tu déclares une bonne fois pour toute dans le #a.lien-menu pas la peine de redire la même chose aprés. Rien qu'avec ça on y verra plus clair et toi aussi Smiley cligne
Sujet clos
Aller à