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:

Menu horizontal en CSS
Menu déroulant excel - Guide
Windows 11 menu démarrer classique - Guide
Canon quick menu - Télécharger - Utilitaires
Réinitialiser menu démarrer windows 10 - Guide
Excel menu déroulant en cascade - Guide

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...

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 :-)

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....

ReDLoG
9 mai 2012 à 11:26

ajoute :

.menu ul li {
     list-style-type: none;
     display: inline;
     float: left; 
     text-decoration: none; 
}

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 ;)

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 :-(

Discussions similaires

menu caché

les entrées et les sortées

Déblocage du mode hôtel Philips 20HF5234/10