Image au passage de la souris sur un texte

Image au passage de la souris sur un texte - HTML/CSS - Programmation

Marsh Posté le 04-07-2005 à 21:06:14    

Bonjour, je sais cette question vous paraitra assez simple mais vu que je commence en html javascript etc..... ca l'est beaucoup moins pour moi
 
 
Voila j'ai un lien vers une page web de ce type : &raquo Présentation , j'aimerai qu'au passage de la souris, une image s'affiche ( l'image étant déjà crée et de direction : presentation.jpg )
 
Quelqu'un pourrait-il m'aider svp
 
Merci :)

Reply

Marsh Posté le 04-07-2005 à 21:06:14   

Reply

Marsh Posté le 04-07-2005 à 21:14:01    

Pas vraiment besoin de CSS, a la limite un Div contenant une image et une ancre hover ... Mais tout ça sent tres fort la bidouille ... tu veux faire quoi exactement?


---------------
Si la vérité est découverte par quelqu'un d'autre,elle perd toujours un peu d'attrait
Reply

Marsh Posté le 04-07-2005 à 21:16:21    

tu veux quelle s'affiche ou cette image ?

Reply

Marsh Posté le 04-07-2005 à 21:31:58    

A la place du texte, mais j'ai fait de sorte que le changement ne se voit pas trop, que ca fasse juste une impression que le texte change

Reply

Marsh Posté le 07-07-2005 à 18:50:10    

:bounce:

Reply

Marsh Posté le 07-07-2005 à 19:00:12    

tu sais ya un truc tout simple, c'est les CSS
 
meme si tu as essayé de les mettre en oeuvre
 
on admet ce menu:
<ul id="menu">
<li><a href="#">text</a></li>
<li><a href="#">text</a></li>
<li><a href="#">text</a></li>
</ul>
 
la css de decoration sera  
 
#menu ul li a {
  display:bloc; /* la propriété bloc va me permet d'utiliser le text-indent que je veux*/
  color:red /*du texte en rouge*/
}
 
lors du passage de la souris ben on va afficher une image et faire disparaitre le texte, noramelement c'estce que tu veux faire non ?
#menu ul li a:hover {
  text-indent:-5000px; /*JE fais disparaitre le texte*/
  background-image: url('monimage.gif'); /* Je met une image en background*/
}

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed