Discussion :

[solorac]

Bonjour la communauté,

Je possède un menu déroulant réalisé avec des images.
Je voudrais inserer un commentaire sur chaque bouton de ce menu au survol par la souris.

Voici mon code html :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
<ul class="menu">
	<li class="top p1"><a href="Listemaj.htm" id="maj" class="top_link"></a></li>
	<li class="top p2"><a href="#" id="pbo" class="top_link"></a>
		<ul class="sub">
			<li class="pb"><a href="pressbookalpha.htm" class="top_link"></a></li>
			<li class="pb1"><a href="pressbookprod.htm" class="top_link"></a></li>
		</ul>
	</li>

Et voiçi mon code css :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
.menu li a#maj:hover {width:85px; background:url(../../images/boutons/bout_maj1.png) no-repeat;}
.menu li a#pbo:hover {width:85px; background:url(../../images/boutons/bout_pboo1.png) no-repeat;}
 
.pb{background-image:  	url(../../images/boutons/bout_listalp.png); background-repeat:no-repeat; left:0; top:60px; width:85px; height:43px; margin-bottom:5px;}
 
.pb:hover{background-image:  	url(../../images/boutons/bout_listalp1.png); background-repeat:no-repeat; left:0; top:60px; width:85px; height:43px; margin-bottom:5px;}

J'espère qu'une solution existe...

Merci pour votre aide

[GihefBey]

Bonjour,

Un moyen simple de faire ça est d'utiliser un attribut title

On peut faire plus joli, plus souple et plus compliqué par CSS ou par Javascript, par exemple.


++
Pour ce genre de chose, si j'ai bien compris, on parle plutôt d'infobulle, de bulle d'aide, de tooltip.
Un commentaire serait utilisé dans le code pour lui ajouter des informations qui ne sont pas affichées par le navigateur.

Par exemple

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
<!-- Commentaire : avec title on peut afficher une infobulle -->
<a href="#" id="pbo" class="top_link" 
   title="Un petit texte qui s'affiche par dessus le lien">
</a>

-

[solorac]

Merci pour votre aide et désolé pour le retard de ma réponse.
C'est exactement ce que je voulais.
Une dernière petite question : Comment faire pour laisser l'info-bulle apparaitre plus longtemps ?

A bientôt

[HiRoN]

Merci pour votre aide et désolé pour le retard de ma réponse.
C'est exactement ce que je voulais.
Une dernière petite question : Comment faire pour laisser l'info-bulle apparaitre plus longtemps ?

A bientôt

Tout dépend de la technique utilisée pour l'affichage de l'infoBulle.

Si attribut "title", je ne pense pas que tu puisses avoir la main pour modifier le temps d'affichage. Idem si génération en CSS.
Par contre, en Javascript, cela doit être possible...

[solorac]

Merci pour ta réponse. J'ai effectivement choisi la manière Title.
Tant pis si je ne peux accéder à la durée d'affichage.