28220 sujets

CSS et mise en forme, CSS3

Bonjour!
Depuis quelques jour, j'ai essayé de trouver le moyen de faire apparaitre la photo d'un membre quand on survole son nom dans la liste. J'ai tenté d'utiliser du css comme float, ou position absolu ou background-image mais rien. Je suis sur IE6.
La photo , j'aimerai la faire apparaitre en haut à droite de ma page courante ou juste à droite du nom(le lien) sans faire bouger le texte.
Je vous remercie d'avance.
Smiley biggrin
rahile
Modifié par rahile (24 Nov 2005 - 18:50)
Il me semble que Raphael traite de ça dans son livre "CSS2 : pratique du design web"

J'ai pas trop le temps de faire une solution là de suite.

Mais je vais essayer de te mettre sur la voix.

Il faudrait que ton code HTML ressemble à ça :
... <a href="#">le nom de la personne <span><img src="saphoto.jpg"  /></span></a>


Dès le début, tu défini le a span en display:none,
Quand tu fait un survol, a:hover span, le display passe à block, tu définit la position par rapport à ton <a> englobant.

Je sais pas si c'est clair.

Mais j'ai pas trop de temps pour tester plus; Désolé
Je pense que l'infobulle avec image intégrée repond bien à ma question. Je n'ai pas encore réussi à le faire mais je me penche sur cette solution. Je reste toujours preneur d'une aide en css.
merci
bonjour!
Merci à tous qui m'a aidé à resoudre ce pb.
C'est l'utilisation de l'infobulle de la part de YYOUPLA qui m'a sauvé.
Grand merci YYOUPLA.