Discussion :

[Silvia12]

Bonjour,

En fet, j'affiche une suite d'image "Forme" dans ma page et au passage de la souris, je souhaite afficher une autre image a coté "Détail"

Pour cela, dans ma page php j'ai mit ceci :

Code :

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

1
2
 
<a class='detailobjet' href='#'> <img border='0' alt='Image 1' src='img/Im1/Forme.jpg' width='45' height='45'> <span><img border='0' src='img/Im1/Detail.jpg' alt=''/></span></a>

En multiplication étant données que je la rempli avec ma base de données.

Ensuite en CSS j'ai ceci :

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
 
a.detailobjet {
	position:relative;
	text-decoration: none;
	cursor:default;
}
a:hover.detailobjet {
 	text-decoration: none;
	background: none;
	cursor:default;
}
a.detailobjet span {
	display: none;
	cursor:default;
}
 
a:hover.detailobjet span {
	display:inline;
	position: absolute; 
	top: -20px;
	left: 10px;
	z-index: 20;
	width:100%;
	padding:2px 4px;
	cursor:default;
}

Tout fonction, quand, je passe sur l'image "Forme", l'image détail s'affiche a coté, mais le souci c'est que l'image du "Détail" est recouverte par les autre image "Forme" qui se situe a coté d'elle, donc, on ne voit pas trop l'image...
J'aimerais savoir comment mettre l'image "Détail" au premier plan...

Merci d'avance.
Silvia

[E.Bzz]

Bonjour,
il faut faire varier le z-index, en fonction du reste des éléments de ta page : une valeur supérieure sera positionnée "au-dessus" d'un élément ayant une valeur inférieure ...
Mais cela dépend aussi des structures parentes ...
A tester, donc (vu qu'il est déjà positionné à 20).

A+