[Plan du site] Vous êtes ici --- > Le Site du Zéro > Les forums > Site Web > XHTML / CSS > SVP Code css pour mon Menu ? > Lecture du sujet

SVP Code css pour mon Menu ?

Vous devez être inscrit pour pouvoir poster des messages

Résolu Le problème de ce sujet a été résolu

Page : 1

Auteur

Message

1 visiteur sur ce sujet (1 anonyme)

Page : 1

gauzhelm

# Posté le 30/08/2008 à 15:35:10

Non savoir = Lucidité
Groupe : Membres

Bonjour,
Je n'y arrive pas.
J'ai remplacé cela :
Code : HTML

<div class="sidebar">
	<ul>
		<li><a href="../index.php">Index</a></li>
		<li><a href="../accueil/accueil.php">Accueil</a></li>
		<li><a href="../images/parcours.php">Parcours</a></li>
		<li><a href="../a-crayons/index.html">Crayon</a></li>
		</ul>

Par cela :
Code : HTML

<ul class="sidebar">
        <li><a href="../index.php">1-Index</a></li>
        <li><a href="../accueil/accueil.php">2-Accueil</a></li>
        <li><a href="../images/parcours.php">3-Parcours</a></li>
    </ul>

Mes CSS étaient cela :
Code : CSS

.sidebar
	{
	text-align:center;
	margin: auto;
	width:770px;
	}
	.sidebar ul
	{
	list-style-type:none;    /* Suppression des puces du <ul> */
	margin: auto;
	width:770px;
	}
	.sidebar li 
	{
	display:inline;
	line-height:34px;
	width:770px;
	}
	.sidebar ul a 
	{
	margin: auto;
	padding: 3px 9px;
	width:770px;
	font-size:0.8em;
	font-family:Verdana, Tahoma, Arial, Helvetica, Geneva, sans-serif;
	border: 1px solid gray;
	text-decoration:none;
	color:#33ffff;
	background:#000;
	}
	.sidebar ul a:hover 
	{
	background:#fff;
	width:770px;
	color:#000;
	border:1px solid gray; 
	}

Que dois-je changer dans mon code CSS ?
SVP aidez-moi

amicalement

" Savoir ne pas savoir, est le plus grand des savoir "

Yano

# Posté le 30/08/2008 à 16:29:18

Groupe : Membres

Bonjour,

Le menu est maintenant un <ul> et .sidebar s'applique dessus.
Dans le CSS, tu fais référence à .sidebar ul.
Il faudrait donc qu'il y ait un <ul> dans le 1er <ul> pour que ça s'applique, mais à ce 2e <ul>.

Enlève tous les “ ul” dans le CSS.

Édité le 30/08/2008 à 16:41:57 par Yano

gauzhelm

# Posté le 30/08/2008 à 20:18:01

Non savoir = Lucidité
Groupe : Membres

Bonjour Yano ,
merci de vouloir m'aider.

Ta phrase est bien abstruse pour moi ; "Il faudrait donc qu'il y ait un <ul> dans le 1er <ul> pour que ça s'applique, mais à ce 2e <ul>. "

J'ai bien supprimés tous les " ul " dans le CSS mais ça ne marche pas. Cela me transforme mon Menu horizontal en une liste verticale.

Dure dure !! d'etre un zéro.

" Savoir ne pas savoir, est le plus grand des savoir "

xavierh

# Posté le 30/08/2008 à 20:27:32

Peace & Love !
Avatar

Groupe : Membres

Juste une question, pourquoi as-tu enlevé le div?
2 mots en plus je ne crois pas que c'est grave.
Si tu ne comprends pas, essayes de chercher un peu.

Petit schéma:

Ce que tu faisait avec le div:
.sidebar -> ul : ton style

Ce que tu doit faire:
.sidebar : ton style

Bref, enlève tous les ul!

Code : CSS

.sidebar
	{
	text-align:center;
	margin: auto;
	width:770px;
	}
	.sidebar li
	{
	list-style-type:none;    /* Suppression des puces du <ul> */
	width:770px;
	display:inline;
	line-height:34px;
	width:770px;
	}
	.sidebar a 
	{
	margin: auto;
	padding: 3px 9px;
	width:770px;
	font-size:0.8em;
	font-family:Verdana, Tahoma, Arial, Helvetica, Geneva, sans-serif;
	border: 1px solid gray;
	text-decoration:none;
	color:#33ffff;
	background:#000;
	}
	.sidebar a:hover 
	{
	background:#fff;
	width:770px;
	color:#000;
	border:1px solid gray; 
	}

Et en plus tu met des width la où ils n'ont pas leu d'être.
N'en met qu'un dans .sidebar !

J'èspère que ca marchera

,
xavierh

Édité le 30/08/2008 à 20:32:25 par xavierh

gauzhelm

# Posté le 31/08/2008 à 01:46:08

Non savoir = Lucidité
Groupe : Membres

bonsoir,

j'ai enlever quel div ? je ne vois pas de quel div tu parle ?

j'ai pourtant bien supprimés tous les ul dans le CSS et ça ne marche pas.

C'est peut etre à cause de cet div mais laquelle ? ou les largeur en trop ?

amicalement

" Savoir ne pas savoir, est le plus grand des savoir "

gauzhelm

# Posté le 01/09/2008 à 04:50:01

Non savoir = Lucidité
Groupe : Membres

bonsoir,

merci beaucoup

problème résolu

amicalement