Sujet Précédent Sujet Suivant

Menu horizontal en CSS

Résolu/Fermé
Lili_754 Messages postés 125 Date d'inscription mercredi 18 avril 2012 Statut Membre Dernière intervention 31 mai 2016 - 9 mai 2012 à 10:52
Lili_754 Messages postés 125 Date d'inscription mercredi 18 avril 2012 Statut Membre Dernière intervention 31 mai 2016 - 9 mai 2012 à 12:32
Bonjour à tous,
Je rencontre un petit souci sur ma page de style, je souhaite que mon menu soit horizontal hors là il se place l'un après l'autre.

Voici ma feuille de style CSS:

.header {
background:#CC9999;
height:35px;
}

.container {
width: 960px;
margin: 0 auto;
}

.logo{
background:url(img/logo.png)no-repeate;
display: block;
float:left;
width:89px;
height:54px;
}

.wrap{
width:960px;
margin:0 auto;
}

.menu{
width:202px;
height:35px;
margin:0 auto;
}

.menu.ul.li{ !! c'est ici que je pense qu'il y a un problème !!
float:left;
text-decoration:none;
}

<html>
<head>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>




<body>

<div class="header">
<div class="wrap">
<a href="s" class="logo"> Logo </a>
</div>
<div class="menu">
<ul>
<li> <a href="s">Paris</a></li>
<li> <a href="s">Rome</a></li>
<li> <a href="s">Barcelona</a></li>
</ul>
</div>
</div>




</body>

</html>

Merci d'avance
A voir également:

1 réponse

Réponse 1 / 1
ReDLoG
9 mai 2012 à 11:09
Bonjour,
>> .menu.ul.li{ !! c'est ici que je pense qu'il y a un problème !!

Tout à fait! Pour appliquer un style à des balises enfants à partir de la classe parent (.menu), il ne faut pas mettre de point devant les balises enfants, donc : 
.menu ul li {
     float: left; 
     text-decoration: none; 
}

ça ne résoudra peut-être pas ton problème, mais autant faire une correction pas à pas...
0
Lili_754 Messages postés 125 Date d'inscription mercredi 18 avril 2012 Statut Membre Dernière intervention 31 mai 2016 2
9 mai 2012 à 11:12
Merciiii :-)
0
Lili_754 Messages postés 125 Date d'inscription mercredi 18 avril 2012 Statut Membre Dernière intervention 31 mai 2016 2
9 mai 2012 à 11:17
Par contre je ne comprends pas pourquoi ma liste a des points, pourtant je n'ai pas choisi de numéroter ma liste ou mettre des symboles....
0
ReDLoG
9 mai 2012 à 11:26
ajoute : 
.menu ul li {
     list-style-type: none;
     display: inline;
     float: left; 
     text-decoration: none; 
}
0
Lili_754 Messages postés 125 Date d'inscription mercredi 18 avril 2012 Statut Membre Dernière intervention 31 mai 2016 2
9 mai 2012 à 11:35
Parfait!! merciii ;)
0
Lili_754 Messages postés 125 Date d'inscription mercredi 18 avril 2012 Statut Membre Dernière intervention 31 mai 2016 2
9 mai 2012 à 11:55
Désolé j'ai encore un souci mais c'est au niveau de mon logo, l'image n'apparait toujours pas :-(
0

Discussions similaires

les entrées et les sortées
oussman -
MarsuGL -

2 réponses
trait horizontal avec du css
tipi75 -
tipi75 -

8 réponses
[CSS] Forcé retour à la ligne
aKuma59 -
zigoss -

33 réponses
mon ordi marque press the esc key for startup menu
jasonparris -
elow -

5 réponses
Accéder au menu Advanced Bios PC portable HP
Axferd -
Bill -

6 réponses