J'ai une image dans un fichier "Pluie.html".
Voir sur le site :
http://www.meteo-clopiniere-sicaudiere.fr
1) Cliquer sur le bouton "Janvier"
2) Cliquer en haut sur l'icône "Nuage-pluie"
Voici le code de la page html
Code : Tout sélectionner
<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title>Pluie</title>
</head>
<body style="background-color: rgb(30, 70, 130); color: rgb(0, 0, 0);"
alink="#ee0000" link="#0000ee" vlink="#551a8b">
<div style="text-align: center;">
<!--Températures-->
<a href="Tableau_Temperatures.html"><span
style="color: white;"><img
style="border: 0px solid ; width: 54px; height: 54px;" alt="Icone Vent"
src="../../Icones/Thermometre.png"></span></a>
<!--Vent-->
<a href="Tableau_Vent.html"><img
style="border: 0px solid ; width: 70px; height: 42px;" alt="Icone Vent"
src="../../Icones/Vent.png"></a>
<!--Humidité-->
<a href="Tableau_Humidite.html"><img
style="border: 0px solid ; width: 32px; height: 50px;" alt="Goutte"
src="../../Icones/Humidite.png"></a>
<!--Soleil-->
<a href="Tableau_Soleil.html"><img src="../../Icones/Soleil.png"
alt="Icone Soleil"
style="border: 0px solid ; width: 54px; height: 54px;"></a>
<!--Pression--> <a href="Tableau_Pressions.html"><img
style="border: 0px solid ; width: 54px; height: 54px;"
alt="Icone Pression" src="../../Icones/Pression.png"></a>
<!--Accueil-->
<a href="../../index.html"><span style="text-decoration: underline;"><img
style="border: 0px solid ; width: 54px; height: 54px;"
alt="Icone accueil" src="../../Icones/Accueil.png"></span></a><br>
<img style="width: 737px; height: 1641px; color: white;"
alt="Tableau Pluie" src="Tableau_Pluie.jpg"> <br>
</div>
</body>
</html>
comme je ne peux pas le faire apparaître sur le site (sinon cela cacherait les autres cases)
Ma question est donc:
Est-il possible de faire apparaître en survol au-dessus de chaque case (ou il y a un petit triangle rouge) un commentaire que je mettrais dans une infobulle ?
Merci de votre aide
Cordialement