28220 sujets

CSS et mise en forme, CSS3

bonjour,

Dans ma page, j'ai un div #boutons qui, comme son nom l'indique, contient un ensemble de liens, formatés comme suit :


div#boutons a, a:visited{
	display: block;
	width: 100px;
	height: 30px;
	background: #fff url(../images/bg_bouton.jpg) 0 0 no-repeat;
	float: left;
	text-align: center;
	font-weight: bold;
	color: #666;
	line-height: 25px;
	text-decoration: none;
	}


Un peu plus loin dans ma page, j'ai un autre div nommé #colonne qui contient une liste de liens, formatés comme suit :


div#colonne  a {
	background: #fff url(../images/bg_li.jpg) 0 50% no-repeat;
	padding-left: 15px;
	color: #B6B699;
	text-decoration: none;
	}


Pourtant, l'image d'arrière-plan appliqués aux liens du div#boutons s'applique également aux liens du div#colonne, et ça à la fois dans firefox et dans IE ! Pourtant, mes sélecteurs sont corrects.
D'où peut venir le problème ?
Merci
Modifié par velvet (25 Jul 2005 - 15:17)
Salut,
sans le code HTML et l'enchainement, et l'imbrication des balises, il sera difficile de t'aider sur les notions de sélecteurs directement liés à la structure HTML du document.

Le dit code ou un exemple en ligne serait appréciable.
Merci mais le problème est résolu : j'ai donné un id à la liste contenant mes liens et j'ai fait référence à cet id dans ma css.
Encore merci
On peut quand même essayer de lever le petit mystère :

velvet a écrit :


div#boutons a, [#red]a:visited[/#]{
...
	background: #fff url(../images/bg_bouton.jpg) 0 0 no-repeat;
...
}
div#colonne  a {
	background: #fff url(../images/bg_li.jpg) 0 50% no-repeat;
	padding-left: 15px;
...
	}


Pourtant, l'image d'arrière-plan appliqués aux liens du div#boutons s'applique également aux liens du div#colonne


L'image d'arrière-plan de tous les liens visités s'applique aussi bien à ceux de #boutons qu'à ceux de #colonne Smiley cligne
Modifié par Laurent Denis (25 Jul 2005 - 15:37)
Laurent Denis a écrit :
On peut quand même essayer de lever le petit mystère :



L'image d'arrière-plan de tous les liens visités s'applique aussi bien à ceux de #boutons qu'à ceux de #colonne Smiley cligne


Bien vu, il aurait donc fallu utiliser :

div#boutons a, [#red]div#boutons[/#] a:visited