CSS UL / LI

Résolu/Fermé

alexislevrai Messages postés 557 Date d'inscription mercredi 20 août 2008 Statut Membre Dernière intervention 26 novembre 2015 - 4 nov. 2009 à 21:03
alexislevrai Messages postés 557 Date d'inscription mercredi 20 août 2008 Statut Membre Dernière intervention 26 novembre 2015 - 4 nov. 2009 à 21:36

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.

A voir également:

CSS UL / LI
Css exposant ✓ - Forum CSS
Css lien non souligné - Astuces et Solutions
Taille bouton css - Forum HTML
Css retour à la ligne - Forum CSS
Photo li tabloki facebook ✓ - Forum Facebook

4 réponses

Réponse 1 / 4

avion-f16 Messages postés 19252 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 10 février 2025 4 505
4 nov. 2009 à 21:11

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 :

Réponse 2 / 4

alexislevrai Messages postés 557 Date d'inscription mercredi 20 août 2008 Statut Membre Dernière intervention 26 novembre 2015 51
4 nov. 2009 à 21:27

Cool, merci pour ton aide, mais danc mon css ....

Réponse 3 / 4

avion-f16 Messages postés 19252 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 10 février 2025 4 505
4 nov. 2009 à 21:29

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à

Réponse 4 / 4

alexislevrai Messages postés 557 Date d'inscription mercredi 20 août 2008 Statut Membre Dernière intervention 26 novembre 2015 51
4 nov. 2009 à 21:36

Merci bien !
Bonne soirée.

Discussions similaires

Chanson la li la li la la la?

Différence entre batterie Ii-ion et Li-po sur un smartphone

titre techno house annees 90

Chanson des années 1990s avec lala lala

trait horizontal avec du css