Dépannage informatique à domicile NCT Micro
  Cliquez ici pour vous abonner à ce flux RSS  

Ce code représente le texte explicatif sous forme rectangulaire verte large de 200px et haute de 100px, placée en position absolue à 200px de haut et 150px à gauche du premier ancêtre positionné.

Exemple avec hover:

Survolez pour voir la boite texte et image peuvent être placés ici

Codage CSS de l'exemple:

a span {
display: none;
}

a:hover span {
display: inline;
position: absolute;
top: 200px;
left: 150px;
width: 200 px;
height: 100px;
background: green;
text-align: center;
color: white;

}

Code HTML pour afficher le style CSS

<html>
< head>
< style type="text/css"> @import url(style/style.css);</style>
< /head>
< body>
<a href="#">Survolez pour voir la boite <span>texte et image peuvent être placés ici</span></a>
< /body>
< /html>