Forum-webmaster
Technique - programmation => HTML / CSS / XHTML => Message commencé par: vertigo_76 le le 26-03-2006 a 15:03:02

Titre: Pb compatibité I.E. et Autre nav sur des liens
Posté par: vertigo_76 le le 26-03-2006 a 15:03:02

Salut,

Je n'arrive pas a mettre en place un menu tout simple car mes liens sous netscape firefox et mozila ne se mette pas a la bonne position.

HTML:
Citation:
<ul id="submenu">
<li><a href="test.php">Accueil</a></li>
<li><a href="crea.php">Les creations</a></li>
<li><a href="vie.php">La vie du site</a></li>
<li><a href="Srv.php">Le serveur</a></li>
<li><a href="Plan.php">Plan du site</a></li>
<li><a href="Contacts.php">Contacts</a></li>
</ul>


CSS:
Citation:
ul#submenu
{
   float: left;
clear: left;
   width: 130px;
   margin-left: 2px;
   border: 1px solid #1550A4 ;
   padding: 0 ;
   list-style-type: none ;
}

ul#submenu li
{
   text-align: center ;
}

ul#submenu li a:link
{
   width: 130px ;
   line-height: 25px ;
   font-size: 1em ;
   font-weight: bold ;
   letter-spacing: 2px ;
   color: #000 ;
   display: block ;
   text-decoration: none ;
   background: url(../Images/bg_menu.gif) repeat-x 0 -25px ;
}

ul#submenu li a:hover
{
   background: url(../Images/bg_menu.gif) repeat-x 0 0 ;
   color: #fff;
}


Si j'enleve la commande float:left de la balise ul ca marche sur les 4 navigateur sauf qu'il n'y a plus de disposition.

Titre: Re:Pb compatibité I.E. et Autre nav sur des liens
Posté par: MarvinLeRouge le le 27-03-2006 a 15:36:45

Salut,

Tu indiques une largeur pour tes liens, alors que c'est un élément inline : c'est assez étrange, puisqu'un élément inline a, par nature, la dimension de son contenu. ???


Forum-webmaster | Actionné par YaBB SE
© 2001-2003, YaBB SE Dev Team. Tous droits réservés.