[Resolu]tuto "Afficher / Masquer des éléments sans javascrip

Bonjour,

Je souhaite utiliser le tutoriel "Afficher / Masquer des éléments sans javascript" afin d'afficher à l'écran des photos taille nature lorsque l'on survole sa miniature. Seul hic, ce tuto me permet un positionnement de la balise <span> uniquement par rapport à la balise <a>. Or tout ce petit monde se situe dans un <div>

Comment faire pour positionner le <span> par rapport au <div> et non au <a> ?

Mon code est de la forme :
<div>
<a><span></span></a>
</div>

Lien vers le tuto
Modifié par raphy7 (18 Sep 2007 - 14:04)

Salut,

Réponse : Le positionnement absolu s'effectue par rapport au premier élément parent positionné (à défaut, par rapport au body).

Merci

Je connaissais l'info. Mon probleme vient du fait que je voudrais le positionner en relatif, par rapport à ma balise div, ou par rapport à 'autre chose' que je mettrai juste avant ma galerie de photos. Pour info, ma page ressemble à ca pour le moment :

ma page

Re,

Le positionnement relatif laisse l'élément dans le flux du document ce qui fait que celui-ci se positionne obligatoirement par rapport à son conteneur direct.

Je pense que tu devrais (re)lire les tutos sur le positionnement d'Openweb pour mieux appréhender la chose :

http://openweb.eu.org/articles/initiation_flux/
http://openweb.eu.org/articles/initiation_float/
http://openweb.eu.org/articles/initiation_absolue/
Modifié par koala64 (18 Sep 2007 - 09:49)

Erf... encore merci !!

L'ennui de mon exemple vient du fait que la balise span vient forcément juste après la balise <a> dans le flux. Mais chaque miniature aura une balise <a> différente, avec un span qui lui est propre, donc la position du span sera forcément différente pour chaque miniature, or je les voudrais toutes au même endroit... La solution sera peut-être la javascript, même si je voulais l'éviter au départ

En tout cas merci pour ce rafraichissement de mémoire sur le positionnement, ca ne peut pas faire de mal

raphy7 a écrit :
La solution sera peut-être la javascript, même si je voulais l'éviter au départ

Ce qu'il aurait fallu éviter, c'est de se servir de CSS pour ce genre de chose ; ce langage n'est pas fait pour ça. (quoi qu'en dise le tuto)

Le mieux serait de créer un conteneur via JS puis de lui affecter l'image correspondante.

Oui, j'avoue que plus le temps passait, plus je me demandais pourquoi utiliser du css dans ce bidule ^^

Merci encore Je me lance à faire ca en javascript alors.

Je cloture