Problème avec onmouseover

Problème avec onmouseover - HTML/CSS - Programmation

Marsh Posté le 27-11-2008 à 15:12:55    

Bonjours bonjours....je suis actuellement en train de faire un site,et je voudrais faire que au survol et au clique le bouton change...seulement voilà,mon code ne fontionne pas-_-' en espérant que vous pourrez m'aider,voila mon code :
 
 
 

Citation :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="shortcut icon" href="./favico/ico.gif" />
<title>DG Web And Design|Créations de site internet pour PME et particuliers</title>
<link rel="stylesheet" type="text/css" href="./style/style.css" />
</head>
 
<body>
 <div id="menu" align="center">
    <a href="./pages/accueil.php" target="cadre_contenu"><img border="none" src="./bouton/normal/ccueil_normal.png" name="image" onmouseover="image.src='./bouton/hover/accueil_1.png'" onmouseout="image.src='./bouton/normal/accueil_normal.png'" onmousedown="image.src='./bouton/click/accueil_2.png'" /></a>
     
    <a href="./pages/team.php" target="cadre_contenu"><img src="./bouton/normal/team_normal.png" border="none" name="image" onmouseover="image.src='./bouton/hover/team_1.png'" onmouseout="image.src='./bouton/normal/team_normal.png'" onmousedown="image.src='./bouton/click/team_2.png'" /></a>
     
    <a href="./pages/contact.php" target="cadre_contenu"><img src="./bouton/normal/contact_normal.png" border="none" name="image" onmouseover="image.src='./bouton/hover/contact_1.png'" onmouseout="image.src='./bouton/normal/contact_normal.png'" onmousedown="image.src='./bouton/click/contact_2.png'" /></a>
     
    <a href="./pages/services.php" target="cadre_contenu"><img src="./bouton/normal/services_normal.png" border="none" name="image" onmouseover="image.src='./bouton/hover/services_1.png'" onmouseout="image.src='./bouton/normal/services_normal.png'" onmousedown="image.src='./bouton/click/services_2.png'" /></a>
     
    <a href="./pages/offres.php" target="cadre_contenu"><img src="./bouton/normal/offres_normal.png" border="none" name="image" onmouseover="image.src='./bouton/hover/offres_1.png'" onmouseout="image.src='./bouton/normal/offres_normal.png'" onmousedown="image.src='./bouton/click/offres_2.png'" /></a>
     
    <a href="http://www.cgichat.epiknet.org/?chan=dgwad" target="cadre_contenu"><img src="./bouton/normal/chatirc_normal.png" border="none" name="image" onmouseover="image.src='./bouton/hover/chatirc_1.png'" onmouseout="image.src='./bouton/normal/chatirc_normal.png'" onmousedown="image.src='./bouton/click/chatirc_2.png'" /></a>
   
 <br/>
 <br/>
 <center><iframe  height="745px" width="99%" name='cadre_contenu' class='frame_content' src='./pages/accueil.php' frameborder="solid black">
          </iframe>
 </div>
     
</body>
</html>

Reply

Marsh Posté le 27-11-2008 à 15:12:55   

Reply

Marsh Posté le 27-11-2008 à 15:22:41    

bonjour,
ben... des name=image tu en as plusieurs,
donc les navigateurs ne savent pas à qui s'adresser.
il faudrait lui dire lequel  
  onmouseover="image[index].src='./bouton/hover/accueil_1.png'"  
 
mais le plus simple :
   onmouseover="this.src='./bouton/hover/accueil_1.png'"  
 
@+


---------------
[mon site] [m'écrire]
Reply

Marsh Posté le 27-11-2008 à 15:27:27    

je vais essayer et je te redit ;)  merci beaucoup

 

EDIT:Merci 1000 fois,ca fonctionne


Message édité par diego-gelin le 27-11-2008 à 15:28:21
Reply

Marsh Posté le 27-11-2008 à 15:31:12    

heu,seul souci,quand je vais dessus ca me donne effectivement le bouton hover,mais quand je vais ailleur sur la page...aussi-_-' est-ce normal?

Reply

Marsh Posté le 27-11-2008 à 16:27:09    

regarde,quand tu survols un lien,l'image avec le haut reste : http://dgwad.isuisse.com/

 

EDIT:problème résolu ;)


Message édité par diego-gelin le 27-11-2008 à 16:35:43
Reply

Marsh Posté le 27-11-2008 à 17:57:40    

tu as mieux fait de faire çà en CSS ;)

Reply

Sujets relatifs:

Leave a Replay

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