Bonjour à tous, aprés plusieurs recherches sur le net je ne trouve pas la solution a mon problème (bien qu'il soit apparemment trés courant !)
Je fais exécuter sur ma page un petit script javascript pour changer l'image au passage de a souris :
<script language="javascript" type="text/javascript">
<!--/*--><![CDATAfunction onHome() { homeButton.src="img/design/home.on.png" }
function offHome() { homeButton.src="img/design/home.not.png" }
function onGalerie() { galerieButton.src="img/design/galerie.on.png" }
function offGalerie() { galerieButton.src="img/design/galerie.not.png" }
function onTarifs() { tarifsButton.src="img/design/tarifs.on.png" }
function offTarifs() { tarifsButton.src="img/design/tarifs.not.png" }
function onContact() { contactButton.src="img/design/contact.on.png" }
function offContact() { contactButton.src="img/design/contact.not.png" }
//--><! ]>
</script>
mais quand je rajoute le doctype du xhtml strict, le script ne marche plus ... j'ai donc du faire une erreur de syntaxe .... :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
Sinon voici le code entier de ma page :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<html>
<head>
<link rel="stylesheet" href="styles/design.css" type="text/css" media="screen" />
<script language="javascript" type="text/javascript">
<!--/*--><![CDATAfunction onHome() { homeButton.src="img/design/home.on.png" }
function offHome() { homeButton.src="img/design/home.not.png" }
function onGalerie() { galerieButton.src="img/design/galerie.on.png" }
function offGalerie() { galerieButton.src="img/design/galerie.not.png" }
function onTarifs() { tarifsButton.src="img/design/tarifs.on.png" }
function offTarifs() { tarifsButton.src="img/design/tarifs.not.png" }
function onContact() { contactButton.src="img/design/contact.on.png" }
function offContact() { contactButton.src="img/design/contact.not.png" }
//--><! ]>
</script>
</head>
<body>
<div id="logo">
<img src="img/design/logo.png"></img>
</div>
<div class="menu">
<a href="index.php" onmouseOver="onHome();" onmouseOut="offHome();">
<img src="img/design/home.not.png" name="homeButton" alt="Home" border="0"></a>
<a href="#" onmouseOver="onGalerie();" onmouseOut="offGalerie();">
<img src="img/design/galerie.not.png" name="galerieButton" alt="Galerie" border="0"></a>
<a href="#" onmouseOver="onTarifs();" onmouseOut="offTarifs();">
<img src="img/design/tarifs.not.png" name="tarifsButton" alt="Tarifs" border="0"></a>
<a href="#" onmouseOver="onContact();" onmouseOut="offContact();">
<img src="img/design/contact.not.png" name="contactButton" alt="Contact" border="0"></a>
</div>
<div id="content">
<p>Bienvenue sur Pandanet:</p>
<p>Conception de sites Web:
<br></br>Nous vous proposons la création de votre site internet, en fonction de vos activités et besoins.
<br></br>Un design graphique personnalisé
<br></br>Référencement dans les meilleurs moteurs de recherche
<br></br>Hébergement, comptes de courriel et statistiques
<br></br>Service après-vente </p>
<p>Avantages :
<br></br>Votre site personnalisé vous permet d'augmenter votre visibilité face à vos concurrents.
<br></br>Un moyen promotionnel performant ! Votre site devient un prolongement de vos activités.
</p>
</div>
<div id="footer">
__
<br></br>
© 2008 Pandanet tous droits réservés
</div>
</body>
</html>
Merci beaucoup !
Afficher la suite
