bonsoir,
Je souhaite afficher un cadre, contenant une photo et quelques mots, lorsque la souris survole un lien de menu.
Ce cadre se positionnant juste à coté du lien.
J'ai reussi à le faire avec un a:hover et un display:inline:
Le code su style :
La partie HTML :
Le résultat obtenu me convenanit, jusqu'à ce que je change de résolution d'écran. Evidemment à ce moment, le petit cadre ne se trouve plus à la bonne position. En faisant un positionnement relatif, cela ne fonctionne plus.
Je ne sais pas s'il y a des solutions par CSS/HTML ou s'il me faut me tourner vers du javascript queje ne connais absolument pas.
Merci pour l'aide.
Modifié par Urphe (02 Dec 2007 - 21:26)
Je souhaite afficher un cadre, contenant une photo et quelques mots, lorsque la souris survole un lien de menu.
Ce cadre se positionnant juste à coté du lien.
J'ai reussi à le faire avec un a:hover et un display:inline:
Le code su style :
a:hover .eau {
display: inline;
position: absolute;
top: 274px;
left: 724px;
width: 130px;
height: 250px;
background: url(../fondvert.jpg);
text-align: center;
color: #000000;
border: #000000 1px solid;
}
La partie HTML :
<a href="../themes/air/page_air.php">L'<br/>A<br/>i<br/>r<span class="eau"><br/><img src="../themes/air/photos/4.JPG" alt="Vue d'avion" height="75" width="100"/></span>
Le résultat obtenu me convenanit, jusqu'à ce que je change de résolution d'écran. Evidemment à ce moment, le petit cadre ne se trouve plus à la bonne position. En faisant un positionnement relatif, cela ne fonctionne plus.
Je ne sais pas s'il y a des solutions par CSS/HTML ou s'il me faut me tourner vers du javascript queje ne connais absolument pas.
Merci pour l'aide.
Modifié par Urphe (02 Dec 2007 - 21:26)