[Résolu] Centrer une bulle d'aide gérée par <span>

Bonjour,

J'aimerais savoir comme on peut faire pour centrer horizontalement la bulle d'aide (sur fond jaune) qui apparaît au survol du lien.

URL : http://www.desala.org/test/test-css.html

Merci d'avance
Modifié par pyxosledisciple (07 Jul 2006 - 21:58)

http://css.alsacreations.com/Faire-une-mise-en-page-sans-tableaux/Centrer-les-elements-ou-un-site-web-en-CSS

the_penguin a écrit :
http://css.alsacreations.com/Faire-une-mise-en-page-sans-tableaux/Centrer-les-elements-ou-un-site-web-en-CSS

Merci j'avais lu cet article mais comme j'ai un élément positionné, cela ne fonctionne pas.

Ça par exemple ça marche pas mal :

a:hover span {
	display: block;
	position: absolute;
	top: 35%; left: 50%;
	width: 400px;
	margin-left: -200px;
	/* le reste pour la décoration */
}

Comme la hauteur du bloc n'est pas connue à l'avance, on ne peut pas le centrer également en hauteur. J'ai donc mis 35% pour avoir quelque chose de vaguement au centre, mais ça peut être à fignoler.

La technique des marges automatiques ne marchera pas pour un élément positionné en absolu. Par contre, le tutoriel indiqué parle également de la technique que j'utilise.

Merci, c'est exactement ce que je voulais.