Bonjour
Grande débutante en création de site, cela fait des heures que je m'évertue à essayer de comprendre comment remonter des images. Je crois d'ailleurs que je n'ai pas d'autre choix que de les superposer, et je ne sais pas comment faire.
Je m'explique et vous décrit la page :
Tout en haut de l'écran, il y a un bandeau fixe (logo).
Juste en dessous, j'ai eu pour ambition de mettre 5 images qui me servent de menu. Ces images changent quand on passe dessus et qu'on clique avec la souris.
J'ai réussis à créer un code javascript (j'y connais que dalle mais à force de recherche sur le net j'ai réussis à dégoter un générateur de codes javascript qui m'a bien aidée) pour faire cet effet.
Mon problème, c'est que j'aimerais légèrement remonter le bouton menu de droite et celui de gauche pour créer un arrondi.
VSPACE ne fonctionne pas en négatif, alors du coup, je ne sais pas comment faire, surtout qu'il y a plusieurs images, donc je me sens bien perdue.
Voici mon code html :
Code :
- <!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" >
- <head>
- <title>JARDISERRE-Accueil-</title>
- <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
- <link rel="stylesheet" media="screen" type="text/css" title="jardiserre" href="jardiserre.css" />
- <!-- DEBUT DU SCRIPT -->
- <SCRIPT LANGUAGE="JavaScript">
- if(document.images)
- {
- i651209 = new Image;
- i651209 = "images/tomate_clic.jpg";
- }
- if(document.images)
- {
- i249058 = new Image;
- i249058 = "images/salade_clic.jpg";
- }
- if(document.images)
- {
- i494970 = new Image;
- i494970 = "images/aubergine_clic.jpg";
- }
- if(document.images)
- {
- i887341 = new Image;
- i887341 = "images/fraise_clic.jpg";
- }
- if(document.images)
- {
- i67436 = new Image;
- i67436 = "images/rose_clic.jpg";
- }
- </SCRIPT>
- <!-- FIN DU SCRIPT -->
-
- </head>
- <body>
- </br>
- <p> <div class="logo"> <img class="logo" src="images/logo-final-petite-taille.jpg" alt="logo" /> </div> </p>
-
-
- <!-- DEBUT DU SCRIPT -->
- <A HREF="accueil.html" onMouseOver="i651209.src='images/tomate_clic.jpg'" onMouseOut="i651209.src='images/tomate_sans_clic.jpg'">
- <IMG SRC="images/tomate_sans_clic.jpg" BORDER=0 NAME="i651209" ALT="accueil" HSPACE=4 VSPACE=0></A>
- <A HREF="fabrication.html" onMouseOver="i249058.src='images/salade_clic.jpg'" onMouseOut="i249058.src='images/salade_sans_clic.jpg'">
- <IMG SRC="images/salade_sans_clic.jpg" BORDER=0 NAME="i249058" ALT="fabrication" HSPACE=4 VSPACE=0></A>
- <A HREF="serres.html" onMouseOver="i494970.src='images/aubergine_clic.jpg'" onMouseOut="i494970.src='images/aubergine_sans_clic.jpg'">
- <IMG SRC="images/aubergine_sans_clic.jpg" BORDER=0 NAME="i494970" ALT="serres" HSPACE=4 VSPACE=0></A>
- <A HREF="conseils.html" onMouseOver="i887341.src='images/fraise_clic.jpg'" onMouseOut="i887341.src='images/fraise_sans_clic.jpg'">
- <IMG SRC="images/fraise_sans_clic.jpg" BORDER=0 NAME="i887341" ALT="conseils" HSPACE=4 VSPACE=0></A>
- <A HREF="contact.html" onMouseOver="i67436.src='images/rose_clic.jpg'" onMouseOut="i67436.src='images/rose_sans_clic.jpg'">
- <IMG SRC="images/rose_sans_clic.jpg" BORDER=0 NAME="i67436" ALT="contact" HSPACE=4 VSPACE=0></A>
- <!-- FIN DU SCRIPT -->
|
Je vous remercie par avance de vos lumières...