School of Pub, où la perfection est à la portée de chacun. (Dixit Audidounette)

AccueilFAQRechercherMembresGroupesS'enregistrerConnexion

 


Partager | 
 

 [Question]<Astuce> Infos bulles

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
 

Tite-May

Doyenne

Voir le dossier scolaire

Doyenne

Féminin Rang spécial: Doyenne du Forum : ancienne Directrice
Nombre de messages: 8592
Age: 19
Localisation: Loir et cher
$ops: 10873
Points: 180
Date d'inscription: 28/04/2009
Distinctions: *** Assistante personnelle de Miettes ***

 
MessageSujet: [Question]<Astuce> Infos bulles    Lun 18 Juil - 14:06

Toutes les questions concernant ce tutos se poseront ici.
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://school-of-pub.fr
 

Lady_Choice

Intervenante

Voir le dossier scolaire

Intervenante

Féminin Rang spécial: Prof spécialisée en Rpg
Nombre de messages: 614
Age: 28
Localisation: 69
$ops: 4069
Points: 20
Date d'inscription: 27/02/2011
 
MessageSujet: Re: [Question]<Astuce> Infos bulles    Dim 11 Sep - 15:36

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.
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://magicalus.xooit.fr
 

Mewyn

Ex-candidate SoP Story

Voir le dossier scolaire

Ex-candidate SoP Story

Féminin Rang spécial: Directrice & Formatrice graph'
Marraine de SoP

Nombre de messages: 2998
Age: 16
Localisation: Gironde (33)
$ops: 5753
Points: 685
Date d'inscription: 05/06/2011
Distinctions:


 
MessageSujet: Re: [Question]<Astuce> Infos bulles    Dim 11 Sep - 15:38

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< ?)

_________________

Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://www.graphix-attention.com/
 

Lady_Choice

Intervenante

Voir le dossier scolaire

Intervenante

Féminin Rang spécial: Prof spécialisée en Rpg
Nombre de messages: 614
Age: 28
Localisation: 69
$ops: 4069
Points: 20
Date d'inscription: 27/02/2011
 
MessageSujet: Re: [Question]<Astuce> Infos bulles    Dim 11 Sep - 15:43

Yeahhh, oui c'est parfait. Merci beaucoup Mewyn. :love:
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://magicalus.xooit.fr
 

Mewyn

Ex-candidate SoP Story

Voir le dossier scolaire

Ex-candidate SoP Story

Féminin Rang spécial: Directrice & Formatrice graph'
Marraine de SoP

Nombre de messages: 2998
Age: 16
Localisation: Gironde (33)
$ops: 5753
Points: 685
Date d'inscription: 05/06/2011
Distinctions:


 
MessageSujet: Re: [Question]<Astuce> Infos bulles    Dim 11 Sep - 15:53

De rien, ça fait plaisir ;D

_________________

Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://www.graphix-attention.com/
 

Tatous32

Candidate SoP Story

Voir le dossier scolaire

Candidate SoP Story

Féminin Rang spécial: Intervenante spécialisée en Rpg
Nombre de messages: 634
Age: 15
Localisation: Dans ta tête :P
$ops: 1673
Points: 565
Date d'inscription: 09/04/2011
 
MessageSujet: Re: [Question]<Astuce> Infos bulles    Mer 29 Fév - 12:50

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:
 

Revenir en haut Aller en bas
Voir le profil de l'utilisateur
 

Mewyn

Ex-candidate SoP Story

Voir le dossier scolaire

Ex-candidate SoP Story

Féminin Rang spécial: Directrice & Formatrice graph'
Marraine de SoP

Nombre de messages: 2998
Age: 16
Localisation: Gironde (33)
$ops: 5753
Points: 685
Date d'inscription: 05/06/2011
Distinctions:


 
MessageSujet: Re: [Question]<Astuce> Infos bulles    Mer 29 Fév - 12:58

Ploup !
Tu en ai où dans le tutoriel Smile ?
On pourrait avoir ton code CSS aussi ?

Mew'

_________________

Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://www.graphix-attention.com/
 

Miettes

Directrice

Voir le dossier scolaire

Directrice

Féminin Rang spécial: Designer professionnelle, formatrice analystes, codeurs, admins, animateurs, graphistes (photoshop, gimp)
Marraine

Rédactrice en chef du M-SoP

Chroniqueuse de l&#39;émission de SoP

Nombre de messages: 44255
Age: 24
Localisation: Lille
$ops: 21165
Points: 505
Date d'inscription: 01/02/2008
Distinctions: Membre de l'EST-SoP
*** Co-Rédactrice en Chef du M-SoP ***

 
MessageSujet: Re: [Question]<Astuce> Infos bulles    Mer 29 Fév - 13:00

Et attentions au mélange html/bbcode

Là tu définis tes tableaux en bbcode alors que ça doit être du html Wink
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://pvereecken.fr/
 

[Question]<Astuce> Infos bulles

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
School of Pub :: Les cours :: Questions :: Informatique :: Codage-


Aller en haut
Aller en bas