CSS UL / LI
Résolu
alexislevrai
Messages postés
603
Statut
Membre
-
alexislevrai Messages postés 603 Statut Membre -
alexislevrai Messages postés 603 Statut Membre -
Bonsoir a tous, j'ai un petit problème de CSS sous IE 7
Voilà comment apparait ma liste (qui est en fait mon menu) sous IE7
http://images3.photomania.com/13332/1/radC630C.png
alors qu'elle devrait apparaître comme ceci:
http://images3.photomania.com/13337/1/rad5D7B9.png
Je n'ai aucune idée de l'attribut a ajouter a mon CSS:
Si vous voulez jetter un oeil c'est ici: http://www.stationiphone.com/blog
En espérant recevoir un peu d'aide, merci d'avance.
Voilà comment apparait ma liste (qui est en fait mon menu) sous IE7
http://images3.photomania.com/13332/1/radC630C.png
alors qu'elle devrait apparaître comme ceci:
http://images3.photomania.com/13337/1/rad5D7B9.png
Je n'ai aucune idée de l'attribut a ajouter a mon CSS:
#menu {position:fixed; z-index:10; left:25px; margin-top:160px; font-style:italic; font-size:0.8em;}
#menu a{display: table; text-decoration:none; color:#000; position:relative; margin-bottom:5px;}
#menu a:hover{color:#000; background-color:#f7ef6b;}
#menu ul{list-style:none; font-size:0.9em; position:relative; left:-25px; top:-4px;}
#menu ul a{position:relative; margin-bottom:0px;}
#menu_descriptif {font-size:0.8em; color:#A8A8A8;}
Si vous voulez jetter un oeil c'est ici: http://www.stationiphone.com/blog
En espérant recevoir un peu d'aide, merci d'avance.
Configuration: Mac OS X Safari 531.9
4 réponses
-
Voilà ton nouveau div #menu :
<div id="menu"> <ul id="menu_navigation"> <li><a href=">">SELECTED WORKS</a> <li><a href="http://www.stationiphone.com/blog" style="background-color: rgb(247, 239, 107);">BLOG</a> <li><a href="about/">ABOUT</a> <li><a href="#">AROUND</a> <li><a href="#" id="menu_followme_click">FOLLOW ME</a> </ul> <ul id="menu_followme_liste" style="display: none;"> <li><a href="feed://www.paperdonut.com/feed/">News Feed</a></li> <li><a href="feed://www.paperdonut.com/blog/feed/">Blog Feed</a></li> <li><a target="_blank" href="https://www.facebook.com/alexis.facca">Facebook</a></li> <li><a target="_blank" href="https://twitter.com/alexisfacca">Twitter</a></li> </ul> <div id="menu_descriptif"> Paper Donut™ is the work<br/> of Alexis Facca, freelance.<br/> Toulouse, France.<br/> Mail me. </div> </div>
Et dans ton CSS : -
-
Sur "#menu a", tu peux tout retirer sauf la couleur du lien.
Sur "#menu a:hover", ça ne sert à rien de mettre la couleur en noir : elle l'est déjà
-
