Discussion :

[tidou]

Bonjour

J'ai un problème de css :

Ceci fonctionne :

Code :

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

1
2
3
4
 
<div class="lien"><a href="url">lien</a></div>
<div class="lien"><a href="url">lien2</a>
</div>

mais ceci ne fonctionne pas (l'image qui doit être affichée lors du rollover n'est pas affichée : elle disparaît et réapparaît dès que le curseur n'est plus au dessus du lien) :

Code :

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

1
2
3
4
 
<div class="lien">
<a href="url">lien</a><a href="url">lien 2</a>
</div>

avec ce code css :

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
17
18
19
20
21
22
23
24
25
26
 
div.lien {	/* "lien" sera notre conteneur, ici la balise div */
	position:left;	/* placement de l'image-lien, à vous d'adapter *//
	text-align:rigth;
	width: 15px;
	height: 13px;
	margin-left:15px;
 
	background: url(bullet_on.gif) top left no-repeat;	/* placement de l'image 2 au second plan */
}
 
div.lien a  {	/* définition du lien qui occupera toute la place du conteneur */
	display: block;
	float: left;
	padding-left: 15px;
	background: url(bullet_off.gif) top left no-repeat;	/* placement de l'image 1 au premier plan */
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #3D7B10;
	text-decoration: none;
}
 
div.lien a:hover{	/* masquage de l'image1 au survol */
	color: #52A417;
	font: bold;
	background: transparent none;
}

Je ne comprend pas pourquoi cela fonctionne si je débute et ferme ma balise div après chaque lien mais pas si je fais un div global qui englobe tout mes liens. Le principe est le même. Merci de m'expliquer

[Thzith]

essaye nomDiv.a{}

[tidou]

même problème d'autres idées ?

[francis m]

c'est quoi, ta classe lienMenu ?

[tidou]

faute de frappe la classe s'appelle bien "lien" ... mais le problème demeure ...

[francis m]

non les deux principes diffèrent complètement.

dans le second, tu apelles une seule fois ta class lien, donc tu n'affiches qu'une seule fois ton image d'arrière plan bullet_on. ensuite tu utilises deux fois ta classe lien a donc tu affiches deux fois ton image bullet_off, laquelle disparaît quand tu passes dessus avec la souris soit la classe lien a:hover

tandis que dans ta première séquence, tu appelles deux fois le div lien

j'espère que m'être bien expliqué

[tidou]

merci j'ai résolu le problème par moi même juste avant (d'ou le statut de résolu du message)