Faire apparaitre texte (lien) dreamweaver
cecilette371
Messages postés
5
Date d'inscription
Statut
Membre
Dernière intervention
-
barale61 Messages postés 1214 Date d'inscription Statut Membre Dernière intervention -
barale61 Messages postés 1214 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
Je cherche à faire apparaitre du texte en passant dessus avec la souris.
Voici ce que cela donnerait, sauf que je n'ai pas trouvé pour le moment d'autre solution que de faire des images survolées
www.cecilerejasse.fr/travauxcss.html
Mais ce que je voudrais c'est vraiment que je lien soit sur du texte et pas une image, mais que le texte soit invisible à l'ouverture de la page.
J'ai essayé avec les comportements mais ça ne fait pas du tout ce que je veux...
Voilà voilà.. merci d'avance pour votre aide!
Je cherche à faire apparaitre du texte en passant dessus avec la souris.
Voici ce que cela donnerait, sauf que je n'ai pas trouvé pour le moment d'autre solution que de faire des images survolées
www.cecilerejasse.fr/travauxcss.html
Mais ce que je voudrais c'est vraiment que je lien soit sur du texte et pas une image, mais que le texte soit invisible à l'ouverture de la page.
J'ai essayé avec les comportements mais ça ne fait pas du tout ce que je veux...
Voilà voilà.. merci d'avance pour votre aide!
A voir également:
- Faire apparaitre texte (lien) dreamweaver
- Lien url - Guide
- Créer un lien pour partager des photos - Guide
- Apparaitre hors ligne instagram - Guide
- Comment faire apparaître la tabulation sur word - Guide
- Verificateur de lien - Guide
1 réponse
Voici un exemple de texte qui s'affichera en blanc sur fond rouge au survol de l'image.
A faire avec l'éditeur CSS si tu ne connais pas le CSS. Donc par défaut ton texte est en visibility:hidden(caché) et au survol visible.
http://www.tutoriels-extensions-dreamweaver.fr/
<style>
.image img + span
{
visibility:hidden ;
}
.image img:hover + span {
visibility: visible;
position:absolute;
color:white;
background:#F00;
top:40px;
left:50px;
}
</style>
<p class="image"> <img src="image.jpg" width="120" height="90"> <span class="texte"> Texte de test</span> </p>
A faire avec l'éditeur CSS si tu ne connais pas le CSS. Donc par défaut ton texte est en visibility:hidden(caché) et au survol visible.
http://www.tutoriels-extensions-dreamweaver.fr/
