[Question]<Astuce> Infos bulles

Toutes les questions concernant ce tutos se poseront ici.

Date d'inscription: 27/02/2011

Bonjour !!

J'ai juste une question.

Je fais les infobulles avec css/html comme kiri me l'a appris mais là je suis bloquée sur une chose toute petite. Je suis allée voir sur le tuto qui en traitait et... pas de réponse donc...

Imaginons que j'ai plusieurs images, côte à côte, chacune avec une infobulle. Comment faire pour que l'infobulle soit au-dessus de toutes les images, et non pas "cachée" derrière les autres.

Exemple :

Je suis sûre que c'est une toute petite modif à faire quelque part dans les positions mais ne sachant pas où, je préfère demander.

Merci d'avance.

Date d'inscription: 05/06/2011 Distinctions:

Je crois qu'il faut mettre
.infobulle span{
z-index:999; }
Dans ton CSS Wink

Je ne suis pas sûre à 100%, mais si je ne me trompe pas, les z-index servent à savoir qui passe par-dessus qui, plus le nombre est grand, plus celui-ci passera au-dessus des autres (c'est compréhensible mon truc là >o< ?)

_________________

Date d'inscription: 27/02/2011

Yeahhh, oui c'est parfait. Merci beaucoup Mewyn. :love:

Date d'inscription: 05/06/2011 Distinctions:

De rien, ça fait plaisir ;D

_________________

Date d'inscription: 09/04/2011

Hello,

Je travail sur un projet avec d'autres membres, sur un Forum de Gestion Virtuel d'un Zoo (enfin, passons, je ne vais pas vous raconter ma vie Very Happy

)

Pour chaque animal proposé à l'achat, nous voudrions qu'une infobulle apparaisse quand on passe la souris, avec certains critères (ce que l'animal apporte au zoo). Le truc, c'est que, comme ce n'est pas une image, mais un texte, je ne sais pas si c'est possible.

Je m'explique :

X voudrait acheter une Antilope Bongo. Il faudrait que, quand il passe la souris sur le nom (ou un symbole, à voir), apparaisse quelque chose avec en fond:

Spoiler:

Et dessus marqué :

Citation:

VISITEURS : xx ÂGE : xx
ESPÉRANCE DE VIE : xx MATURITÉ : xx
REPRODUCTION : xx GESTATION : xx
PORTÉE : xx FAMILLE : xx
NOURRITURE : xx ENCLOS : xx
MÂLES : xx FEMELLES : xx
PRIX : xx

Comme ceci en fait :

Spoiler:

Je vous montre le code (il ne marche pas ici à cause des "div class" Smile

]

Code:

<span class="ficheAnimaux">[table border="0"][tr][td width="150px"][b]VISITEURS :[/b] xx[/td][td width="150px"][b]ÂGE :[/b] xx[/td][/tr][tr][td width="150px"][b]ESPÉRANCE DE VIE :[/b] xx[/td][td width="150px"][b]MATURITÉ :[/b] xx[/td][/tr][tr][td width="150px"][b]REPRODUCTION :[/b] xx[/td][td width="150px"][b]GESTATION :[/b] xx[/td][/tr][tr][td width="150px"][b]PORTÉE :[/b] xx[/td][td width="150px"][b]FAMILLE :[/b] xx[/td][/tr][tr][td width="150px"][b]NOURRITURE :[/b] xx[/td][td width="150px"][b]ENCLOS :[/b] xx[/td][/tr][tr][td width="150px"][b]MÂLES :[/b] xx[/td][td width="150px"][b]FEMELLES :[/b] xx[/td][/tr][tr][td width="150px"][b]PRIX :[/b] xx[/td][/tr][/table]</span>

Le problème étant que je ne sait pas comment faire pour que ça apparaisse simplement quand on passe la souris, je ne sais pas quel code utiliser, ni rien =S

_________________

Spoiler:
	It's too late, my time has come Sends shivers down my spine Body's aching all the time Goodbye everybody - I've got to go Gotta leave you all behind and face the truth Mama, I don't want to die I sometimes wish I'd never been born at all Carry on, carry on, as if nothing really matters Open your eyes Look up to the skies and see

Date d'inscription: 05/06/2011 Distinctions:

Ploup !
Tu en ai où dans le tutoriel Smile

?
On pourrait avoir ton code CSS aussi ?

Mew'

_________________

Et attentions au mélange html/bbcode

Là tu définis tes tableaux en bbcode alors que ça doit être du html Wink

_________________

SoP Story :: 2ème votes éliminatoires