Forum-webmaster
Technique - programmation => HTML / CSS / XHTML => Message commencé par: Tanns le le 11-09-2006 a 16:36:06

Titre: survol d'un bouton
Posté par: Tanns le le 11-09-2006 a 16:36:06

Bonjour.
Juste un petit soucis. Je possède le livre de Raphaël Goetter "CSS 2" qui est vraiment bien pratique pour un débutant comme moi.
Je bute sur un exercice en ce qui concerne la réalisation d'un site:
Je voudrais faire apparaitre des infos sous forme de texte dans un cadre lorsque l'on survole un bouton.
L'exercice de référence est à la page 150 du livre CSS 2 mis je n'arrive pas au résultat souhaité.
:(

Titre: Re:survol d'un bouton
Posté par: OKKO le le 14-09-2006 a 12:48:13

il faut faire une class sur tes liens si ils sont tous identiques, si tes BT sont tous différents, il faudra faire différement, des ID

Dans le cas d'une class l'idée est-celle ci:

<a href="#" class="AffichInfoBulle"> mon liens <span> affichage du texte info bulle </span> </a>

De mémoire, l'idée est de formater un <span> qui est une balise de type en ligne et la mettre en display: none donc a l'affichage de la page on ne le voit pas. Dans le formatage de <a> sur le hover : disons que ta class se nomme info ( comme dans le livre ), tu vas dire a ton lien (<a>) lors du survol tu mets ma balise en ligne <span> : display: inline.
Comme tu peux le voir dans le code en haut le <span> et dans <a></a>

EN gros pour un démarrage

Sinon donne nous un URL pour voir ça !


MERCI



Titre: Re:survol d'un bouton
Posté par: Tanns le le 14-09-2006 a 13:53:24

ok je vais voir tout ca et si j'ai encore un soucis, je t'envoie l'url :)
merci bcp OKKO


Forum-webmaster | Actionné par YaBB SE
© 2001-2003, YaBB SE Dev Team. Tous droits réservés.