CSS UL / LI

[Résolu/Fermé]
Signaler
Messages postés
564
Date d'inscription
mercredi 20 août 2008
Statut
Membre
Dernière intervention
26 novembre 2015
-
Messages postés
564
Date d'inscription
mercredi 20 août 2008
Statut
Membre
Dernière intervention
26 novembre 2015
-
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:
#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.

4 réponses

Messages postés
18596
Date d'inscription
dimanche 17 février 2008
Statut
Contributeur
Dernière intervention
18 septembre 2021
4 319
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 :

                        
                
Messages postés
564
Date d'inscription
mercredi 20 août 2008
Statut
Membre
Dernière intervention
26 novembre 2015
51
Cool, merci pour ton aide, mais danc mon css ....
Messages postés
18596
Date d'inscription
dimanche 17 février 2008
Statut
Contributeur
Dernière intervention
18 septembre 2021
4 319
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à
Messages postés
564
Date d'inscription
mercredi 20 août 2008
Statut
Membre
Dernière intervention
26 novembre 2015
51
Merci bien !
Bonne soirée.