28173 sujets

CSS et mise en forme, CSS3

Bonjour à tous,
Je ne fais que très rarement de l'édition de feuille de style en cascade, mais là j'ai besoin d'un brin d'aide.
Mon problème est le suivant:
Je déclare 2 id comme suit:

#nav{
	float: left;
	width: 209px;
	height: 23px;
	margin: 0px;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	font-family: "Comic Sans MS", Arial;
}

#nav a:link, a:visited{
	display: block;
	background-image: url(graphic/navigation_menu_pt.gif);
	font-weight: normal;
	padding: 3px 0px 3px 10px;
}

#nav a:hover{
	display: block;
	background-color: #FFFFFF;
	font-weight: normal;
	text-decoration: none;
	background-image: url(graphic/navigation_menu_pt_hover.gif);
}


Ensuite, je déclare un autre id comme suit:


#content {
	font-family: Arial;
	padding-top: 15px;
	padding-left: 230px;
}


Après multiples tests différents, le résultat est toujours le même:
un lien contenu dans un <div id="content"> va, une fois visité, prendre les caractéristiques des liens visités de "nav", c'est-à-dire qu'il apparaît la même image de fond, le padding, etc.
Pourquoi donc un lien déclaré en "content" prend-il les caractéristiques de "nav"?
Quelqu'un a-t-il un soupçon d'idée?
Modifié par Just1 (18 Jan 2007 - 18:01)
Bonsoir et bienvenu à toi sur le Forum,

Ton lien visité (qu'il soit dans #content ou dans #nav) correspond à ceci :
a:visited

Or, dans ta déclaration pour #nav, on peut lire ceci :
#nav a:link, a:visited{...}

Ici, tu styles tous les liens contenu dans le div#nav, mais également tout les liens qui ont été visités.
Pour corriger ton erreur, il te faut préciser que tu styles tous les liens visités qui se trouvent dans #nav.
C'est à dire :
#nav a:link, #nav a:visited{
	display: block;
	background-image: url(graphic/navigation_menu_pt.gif);
	font-weight: normal;
	padding: 3px 0px 3px 10px;
}

Modifié par Cygnus (17 Jan 2007 - 19:14)
Merci ça marche Smiley biggrin
En fait je ne savais pas que la virgule était exclusive et je pensais qu'elle permettait de continuer la liste de balises concernées derrière le #nav.
Symboliquement, je voyais plus quelque chose dans le genre :
#nav (a:link , a:visited , etc.)
Mais non, il faut bien répéter l'id, ce que je ne savais pas.
J'avais raison, il me manque un poil de connaisance! Smiley lol
Merci encore Cygnus.