RECHERCHER :
COMMUNAUTE MP
Identifiez vous ...
Devenir Membre
J'ai oublié mon MDP
DOMAINE MP
Bavardages
Langages Généraux
Langages Web
Langages DotNet
Autres langages
Dev. Jeux Video
Sécurité
Sys. Exploitation
Graphismes
Logiciels
Réseaux
Bases de données
Méthodologies
Emplois High-tech
Aide juridique
Articles juridiques
FORUM
Index des forums
Ajouter un sujet
Rechercher sujet
Contact Responsable
Devenir modérateur
CHAT MP IRC
Votre pseudo ...
Serv: irc.irc-land.org
Chan: #MoteurProg
PARTICIPER
Plus de 3500 emplois.
Rechercher un job
Déposez votre CV
Emplois High-tech

Visiteur MP

 Problème Infobulle CSS

Forum : XHTML/CSS
Sous Catégorie : Aucune
Type du sujet : Sujet Normale
FAQ : FAQ XHTML/CSS

SUIVI DES SUJETS PAR MAIL

SUIVI PAR MAIL INACTIF
RESOLUTION DU SUJET SUJET NON RESOLU
BLOQUAGE DU SUJET SUJET ACTIF
APPARTENANCE A LA FAQ N'APPARTIENT PAS A LA FAQ


POSTER UN NOUVEAU SUJET REPONDRE A CE SUJET

FORUM XHTML/CSS

PREMIERE PAGE

PAGE PRECEDENTE

Page précedente

Page suivante

PAGE SUIVANTE

 DERNIERE PAGE
Appo
Nouveau membre
Inscrit : 12/06/2007
Messages : 1
Message
#135870
Posté le 12/06/07 à 13:37
Bonjour à tous,

J'ai un petit soucis avec les infobulles (tutoriel sur alsacréations)

Je vous expose mon problème.

J'ai mis mes infobulles sur des images, et dans cette infobulle se trouve l'image taille réelle. Le problème est que lorsque je survole une des ses images, l'image se déplace pour se mettre à la hauteur de la plus grande image.

Voici les extraits de code concernés

Le HTML


<tr class = "fondtableau"> <td align="center"><a id="tailleplaque1" href="javascript:choixtaille(1);" class="infoGrandePlaque"><img src="/images/immatriculation210x130.gif" name="taille1" width="60%" border="0" id="taille1" style="<?=$taille1?>"/><span><img src="/images/transparence.gif" border="0" id="zoomtaille1"/></span></a></td> <td align="center"><a id="tailleplaque2" href="javascript:choixtaille(2);" class="infoPlaque"><img src="/images/immatriculation275x75.gif" name="taille2" width="60%" border="0" align="middle" id="taille2" style="<?=$taille2?>"/><span><img src="/images/transparence.gif" border="0" id="zoomtaille2"/></span></a></td> </tr>

Le CSS


a.infoPlaque { position:relative; text-decoration: none; color : #000; } a:hover.infoPlaque { text-decoration: none; background: none; position:relative; } a.infoPlaque span {display: none;} a:hover.infoPlaque span { display: inline; position: absolute; /*top:1.5em; left:0.5em;*/ bottom: 60px; left: 0px; background: #5A5D5A; /*border:1px solid #000;*/ width:auto; text-align:center; font-size: 10px; }


Et enfin le lien pour voir de ses propres yeux le problème (sous IE), il vous suffit de survoler la seconde plaque d'immatriculation.

Je vous remercie d'avance, en espérant que quelqu'un puisse me venir en aide

HAUT DE PAGE

 PROFIL MEMBRE LUI ECRIRE 

Publicité
Inscrit : X
Messages : X
Message
#Aucun

HAUT DE PAGE

   

rainbow
Membre du club
Chef de projet(s) :
- IA savane
- Team MoteurProg
Avatar de rainbow
Inscrit : 26/05/2006
Messages : 932
Message
#136549
Posté le 20/06/07 à 12:22
aucun dit :
Et enfin le lien pour voir de ses propres yeux le problème (sous IE), il vous suffit de survoler la seconde plaque d'immatriculation.
Oui ? Où ça ?
__________________________
............ Curtis: RTS 3D ..............
......Image
........... TeamMoteurProg...........

HAUT DE PAGE

 PROFIL MEMBRE LUI ECRIRE 


    PAGE : [1]



.: Site Web développé par Julien Pichot et l'équipe MPWG avec www.evolvia-web.com :.