Pb compatibité I.E. et Autre nav sur des liens

La Communauté Webmaster

  Forum-webmaster
  Technique - programmation
  HTML / CSS / XHTML (Modérateurs: Shain, Netah, Lilian, lauryv, ToToMaStEr)
  Pb compatibité I.E. et Autre nav sur des liens

« Précédent Suivant »

Pages: [1]

Auteur

Sujet: Pb compatibité I.E. et Autre nav sur des liens (Lu 980 fois)

Pb compatibité I.E. et Autre nav sur des liens
« sur: le 26-03-2006 a 15:03:02 »

vertigo_76
P'tit nouveau

Hors-Ligne

Sexe: Male

Messages: 125

Arf J'ai un problème...

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.

Rapporter au modérateur

Re:Pb compatibité I.E. et Autre nav sur des liens
« Répondre #1 sur: le 27-03-2006 a 15:36:45 »

MarvinLeRouge
Superactif

Hors-Ligne

Messages: 584

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.