Discussion :

[darkterreur]

bonjours,
j'ai un titre de menu, que j'ai modifier pour etre un lien, seulement j'ai du mal a lui appliquer un code css car le code du titre menu et le code de lien rentre tout les deux en conflit.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<span class="menu"><a href="napoleon.php">Ratterie</a></span><br/>

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
.menu /* Tous les titres de menus */
{    
   color: rgb(220,0,0);
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   font-size:20px;
   text-align: center;
}

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
#menu a /* Tous les liens se trouvant dans un menu */
{
   color: #B3B3B3;
}

comment dois je faire pour avoir mon titre de menu qui est aussi un lien en rouge, et les autre lien du menu d'une autre couleur?

merci d'avance pour votre reponse..

[sebhm]

Bonjour,

tu devrais plutot appliquer une class au lien, plutot qu'encapsuler un lien dans un span.

Tu dis

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

class="menu"

, mais tu utilise

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

#menu a

ca serait plutot

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

.menu a

"text-align:center" dans un span n'a pas de sens

et enfin, moi pour des liens, j'utilise toujours un css du genre

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
a.ma_class:link {
	color: #000;
	text-decoration : none;
} 
a.ma_class:visited {
	color: #000;
	text-decoration : none;
}
a.ma_class:hover {
	color: #000;
	text-decoration : underline;
}
a.ma_class:active {
	color: #000;
	text-decoration : none;
}

[darkterreur]

Merci pour la reponse,
j'ai fait ceci en esperant avoir comprit tes consigne mais toujours pas de succes

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
.menu a/* tout les titres sous forme de liens*/
{
	color: rgb(220,0,0);
}

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
#menu a /* Tous les liens se trouvant dans un menu */
{
   color: #B3B3B3;
}

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<span><a class="menu" href="napoleon.php">Ratterie</a></span><br/>

[Doki95]

Appel ta class css de cette manière

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
a.menu {
  /* Ton code css pour t'es menu */
}

Ton code html est bon, mais dans ton css tu fais comme si ta balise a était contenue dans une autre balise ayant pour class menu. C'est plutôt l'inverse. Tu appelles une balise a qui a pour class menu.

Sebhm te l'avait montré dans son message

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
a.ma_class:link {
	color: #000;
	text-decoration : none;
} 
a.ma_class:visited {
	color: #000;
	text-decoration : none;
}
a.ma_class:hover {
	color: #000;
	text-decoration : underline;
}
a.ma_class:active {
	color: #000;
	text-decoration : none;
}

Doki.

[darkterreur]

j'ai bien comprit que mon incrémentation n'est pas bonne,
j'ai beau le remanier dans tout les sens et en suivant vos conseil mais je n'y arrive pas je remet mon code complet pour que vous puissiez me dire comment je dois le déclarer.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
<div id="menu">
	<div class="sous_menu">
		<ul>
			<span><a class="titre" href="napoleon.php">Ratterie</a></span><br/>
			<a href="napoleon.php">Intro</a><br/>
			<a href="buste.php">Les mâles</a><br/>
			<a href="statues_en_duraston.php">Les femeles</a><br/>
			<a href="napoleon.php">Les portées</a><br/>
			<a href="napoleon.php">Les cages</a><br/>
		</ul>
	</div>

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
.sous_menu a /* tout les titres sous forme de liens*/
{
	color: rgb(220,0,0);
}

merci d'avance

[tzilliox]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
/* 1er selecteur */
/* tous les titres sous forme de liens */
.sous_menu a {
{
	color: #B3B3B3;
}
/* 2e selecteur */
/* juste le(s) lien(s) qui a une classe titre */
.sous_menu a.titre {
   color: rgb(220,0,0);
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   font-size:20px;
   text-align: center;
}

Ton titre validera les 2 sélecteurs, mais comme le deuxième est plus précis (une classe en plus) les propriétés associées seront donc prioritaires. Les autres liens, n'ont pas la classe titre et ne valideront donc pas le deuxième selecteur.
Ainsi ton titre sera en rouge, alors que les autres liens seront en gris.

Bon courage,
Thomas.

PS : attention dans ton code HTML, il est préférable de mettre des <li> en fils de balises <ul> !