Discussion :

[LadyArwen]

Je donne suite à ce post de 2012 : http://www.developpez.net/forums/d10...iv-survol-div/ dont je me suis inspirée pour afficher une image plus grande au survol du div parent.


Cela fonctionne sauf que je voudrais que le div qui s'affiche soit indépendant.
En fait ce qui se passe chez moi :
Le div de base (.box4) contient un logo de 150px de large sur 86px de haut avec un lien dessus.
Au survol on veut faire apparaître un totem de 150px de large sur 552px de haut avec le même lien dessus dans un div (.totem).
Tout ça j'ai réussi à faire sauf que vu que je suis dans le pied de page Joomla, ma div .totem s'affiche vers le bas. Comment faire ?

Code :

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

1
2
3
4
5
6
7
8
9
.totem {display:none;}
.box4:hover .totem{
	position : absolute;
	display:block;
	z-index:10;
}
.box4:hover .nototem{
	display:none;
}

[LadyArwen]

En bricolant j'ai trouvé :

Code :

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

1
2
3
4
.totem {
	display:none;
	top :220px;
	height:552px;}