Vous avez besoin d'un site web pour votre activité mais vous êtes nul en programmation ... MyWebsite est fait pour vous.

* Offre 1&1 MyWebsite « 1 mois d’essai gratuit » : pendant le mois d’essai gratuit, résiliation possible à tout moment, sans frais.

* Cette publicité ne s'affiche qu'une fois par jour et s'ouvre dans une nouvelle fenêtre.

Vous êtes ici : Accueil >> CSS >> Codes, trucs et astuces CSS >> Créer une info bulle en css

Créer une info bulle en css






Comment créer une info bulle avec l'utilisation du CSS. Passer votre souris ici. Je suis une info bulle simple et personnalisable.

Code css

a.info{
position:relative;
z-index:24;
color:#000;
text-decoration:none
}
 
a.info:hover{
z-index:25;
background-color:#FFF
}
 
a.info span{
display: none
}
 
a.info:hover span{
display:block;
position:absolute;
top:2em; left:2em; width:15em;
border:1px solid #000;
background-color:#FFF;
color:#000;
text-align: justify;
font-weight:none;
padding:5px;
}

Code html

<a class="info" href="#">texte du lien<span>Votre texte de l'info bulle</span></a>

Catégorie CSS

Commentaire sur : Créer une info bulle en css
Signaler une erreurSignaler une erreur

Aligner du texte à côté d'une image en cssAligner du texte à côté d'une image en cssCodes, trucs et astuces CSSCodes, trucs et astuces CSS Créer une info bulle en css 2Créer une info bulle en css 2