Générer un menu vertical à partir d'une image

cs_hugo37 Messages postés 10 Date d'inscription samedi 22 janvier 2005 Statut Membre Dernière intervention 24 juillet 2005 - 13 juin 2005 à 18:58
cs_hugo37 Messages postés 10 Date d'inscription samedi 22 janvier 2005 Statut Membre Dernière intervention 24 juillet 2005 - 15 juin 2005 à 18:22
Bonjour à tous,
j'ai un petit problème, en fait les scripts permettant d'insérer un menu déroulant ect... sont très bien sur ce site mais je n'arrive pas du tout à les éditer étan donné que je suis nul en programation! Donc j'aimerais savoir le code qu'il faut insérer pour pouvoir générer un menu vertical en cliquant sur une image parceque j'ai vraiment du mal avec Dreamweaver et les options de Frontpage sont limitées!
Merci d'avance à tous!

6 réponses

Phil_Free Messages postés 275 Date d'inscription samedi 4 juin 2005 Statut Membre Dernière intervention 28 avril 2006 11
14 juin 2005 à 16:03
Salut,



Pourrais-tu m'en dire un peu plus ?



Quel code veux-tu insérer ?



Peut-on voir le code de ta page HTML ?
0
cs_hugo37 Messages postés 10 Date d'inscription samedi 22 janvier 2005 Statut Membre Dernière intervention 24 juillet 2005
15 juin 2005 à 10:48
Voici le code de ma page :

<html>


<head>


<meta name="GENERATOR"
content="Microsoft FrontPage 4.0"
>


<meta name="ProgId"
content="FrontPage.Editor.Document"
>


<meta http-equiv="Content-Type"
content="text/html; charset=windows-1252"
>


<title>Page 1
</title>


<style>


<!--


-->


<style>{ }


BODY {


scrollbar-track-color : #426B94;


scrollbar-shadow-color : #FFFFFF;


scrollbar-highlight-color : #426B94;


scrollbar-face-color : #426B94;


scrollbar-darkshadow-color : #426B94;


scrollbar-3dlight-color : #FFFFFF;


scrollbar-arrow-color : #FFFFFF;


}


input { font-size: 10px; font-family: Verdana; color: #FFFFFF; font-style: italic; border: 1px solid #10315A; padding-left: 4; padding-right: 4; padding-top: 1; padding-bottom: 1; background-color:transparent }


textarea {border: 1px solid #B3C0B9; padding-left: 4; padding-right: 4; padding-top: 1; padding-bottom: 1; color:#606B66; font-size:10px; font-family:Verdana; font-style:italic; background-color:transparent }


.input2 { font-size: 10px; font-family: Verdana; color: #FFFFFF; font-style: italic; border-width: 0; padding-left: 4; padding-right: 4; padding-top: 1; padding-bottom: 1; background-color:transparent }


A:link {FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: arial, helvetica, verdana, sans-serif; TEXT-DECORATION: none}


A:visited {FONT-SIZE: 11px; COLOR: #c0c0c0; FONT-FAMILY: arial, helvetica, verdana, sans-serif; TEXT-DECORATION: none}


A:active {FONT-SIZE: 11px; COLOR: #c0c0c0; FONT-FAMILY: arial, helvetica, verdana, sans-serif; TEXT-DECORATION: none}


A:hover {FONT-SIZE: 11px; COLOR: #ffffff; FONT-FAMILY: arial, helvetica, verdana, sans-serif; TEXT-DECORATION: none}


-->


</style><script language="JavaScript"
fptype="dynamicanimation"
>


<!--


function dynAnimation() {}


function clickSwapImg() {}


//-->


</script>


<script language="JavaScript1.2"
fptype="dynamicanimation"
src="animate.js"
>


</script>


</head>





"center">



<center>



\"0\" cellpadding=\"0\"
cellspacing=\"0\"
style=\"border-collapse: collapse\"
bordercolor=\"#111111\"
width=\"51%\"
id=\"AutoNumber1\"
>

----

"100%">

<table border="1"
cellpadding="0"
cellspacing="0"
style="border-collapse: collapse; border-width: 0"
bordercolor="#111111"
width="46%"
id="AutoNumber11"
height="14"
>

----

, \"100%\" style=\"border-left: medium none #111111; border-right: medium none #111111; border-top: medium none #111111; border-bottom-style: none; border-bottom-width: medium\"
height=\"1\"
>

</td>



\"1\" cellpadding=\"0\"
cellspacing=\"0\"
style=\"border-collapse: collapse; border-top-width: 0; border-bottom-width: 0\"
bordercolor=\"#395A84\"
width=\"645\"
id=\"AutoNumber2\"
height=\"16\"
bordercolorlight=\"#395A84\"
bordercolordark=\"#395A84\"
>

----

"643" style="border-top-style: none; border-top-width: medium; border-bottom-style: none; border-bottom-width: medium"
bgcolor="#395A84"
height="14"
>

"center" dynamicanimation="fpAnimformatRolloverFP1"
fprolloverstyle="font-weight: bold"
onmouseover="rollIn(this)"
onmouseout="rollOut(this)"
language="Javascript1.2"
>Forum

,

"643" style="border-top-style: none; border-top-width: medium; border-bottom-style: none; border-bottom-width: medium"
bgcolor="#395A84"
height="14"
>

&nbsp;
,

</center>

"643" style="border-top-style: none; border-top-width: medium; border-bottom-style: none; border-bottom-width: medium"
bgcolor="#395A84"
height="14"
>

"center" dynamicanimation="fpAnimformatRolloverFP1"
fprolloverstyle="font-weight: bold"
onmouseover="rollIn(this)"
onmouseout="rollOut(this)"
language="Javascript1.2"
>Livre

d'Or

,

<center>

"643" style="border-top-style: none; border-top-width: medium; border-bottom-style: none; border-bottom-width: medium"
bgcolor="#395A84"
height="14"
>

"center">&nbsp;

,

"643" style="border-top-style: none; border-top-width: medium; border-bottom-style: none; border-bottom-width: medium"
bgcolor="#395A84"
height="14"
>

"center" dynamicanimation="fpAnimformatRolloverFP1"
fprolloverstyle="font-weight: bold"
onmouseover="rollIn(this)"
onmouseout="rollOut(this)"
language="Javascript1.2"
>Contacts
,



\"1\" cellpadding=\"0\"
cellspacing=\"0\"
style=\"border-collapse: collapse; border-top-width: 0; border-bottom-width:0\"
bordercolor=\"#111111\"
width=\"645\"
id=\"AutoNumber3\"
height=\"154\"
>

----

"158" style="border-top-style: none; border-top-width: medium; border-bottom-style:none; border-bottom-width:medium"
valign="top"
bgcolor="#8494A5"
height="153"
>

<table border="0"
cellspacing="0"
style="border-collapse: collapse"
bordercolor="#111111"
width="100%"
id="AutoNumber4"
cellpadding="0"
height="89"
>

----

, \"100%\" height=\"21\"
>

</td>

----

"100%" height="13"
valign="top"
>

"fpAnimformatRolloverFP1" fprolloverstyle="padding-left: 4; padding-top: 0"
onmouseover="rollIn(this)"
onmouseout="rollOut(this)"
language="Javascript1.2"
>

Accueil

,

----

"100%" height="13"
valign="top"
>

"fpAnimformatRolloverFP1" fprolloverstyle="padding-left: 4"
onmouseover="rollIn(this)"
onmouseout="rollOut(this)"
language="Javascript1.2"
>

Galerie

,

----

"100%" height="13"
valign="top"
>

"fpAnimformatRolloverFP1" fprolloverstyle="padding-left: 4"
onmouseover="rollIn(this)"
onmouseout="rollOut(this)"
language="Javascript1.2"
>

Musique

,

----

"100%" height="13"
valign="top"
>

"fpAnimformatRolloverFP1" fprolloverstyle="padding-left: 4"
onmouseover="rollIn(this)"
onmouseout="rollOut(this)"
language="Javascript1.2"
>

Emulation

,

----

"100%" height="13"
valign="top"
>

"fpAnimformatRolloverFP1" fprolloverstyle="padding-left: 4"
onmouseover="rollIn(this)"
onmouseout="rollOut(this)"
language="Javascript1.2"
>

Bannières

,

----

"100%" height="13"
valign="top"
>

,

----

"100%" height="13"
valign="top"
>

,

----

"100%" height="13"
valign="top"
>

,

----

"100%" height="13"
valign="top"
>

,

----

"100%" height="13"
valign="top"
>

,

----

"100%" height="66"
>

,



</td>



<td width="505"
style="border-top-style: none; border-top-width: medium; border-bottom-style:none; border-bottom-width:medium"
valign="top"
bgcolor="#10315A"
height="153"
>



\"0\" cellspacing=\"0\"
style=\"border-collapse: collapse\"
bordercolor=\"#111111\"
width=\"100%\"
id=\"AutoNumber12\"
height=\"328\"
cellpadding=\"0\"
>

----

"100%" bgcolor="#10315A"
height="73"
style="border-top-style: solid; border-top-width: 1"
>

"center">

<center>

<table border="1"
cellspacing="0"
style="border-width:0; border-collapse: collapse"
bordercolor="#111111"
width="470"
id="AutoNumber6"
height="62"
>

----

, \"100%\" align=\"center\"
style=\"border-style: none; border-width: medium\"
>&nbsp;

</td>



</center>





</td>



</tr>



<tr>



<td width="100%"
bgcolor="#10315A"
height="251"
valign="top"
>



"center">



<center>



\"0\" cellpadding=\"0\"
cellspacing=\"0\"
style=\"border-collapse: collapse\"
bordercolor=\"#111111\"
width=\"470\"
id=\"AutoNumber7\"
height=\"1\"
>

----

"100%" style="border-bottom-style: none; border-bottom-width: medium"
height="21"
>

<table border="1"
cellpadding="0"
cellspacing="0"
style="border-collapse: collapse; border-top-width:0"
bordercolor="#111111"
width="100%"
id="AutoNumber9"
bgcolor="#10315A"
height="3"
>

----

, \"100%\" background=\"images/centre_haut.gif\"
style=\"border-top-style: none; border-top-width: medium\"
height=\"2\"
>&nbsp;
</td>



</td>



</tr>



<tr>



<td width="100%"
style="border-left-style: solid; border-left-width: 1; border-right-style: solid; border-right-width: 1; border-top-style: none; border-top-width: medium; border-bottom-style: none; border-bottom-width: medium"
height="1"
bgcolor="#8494A5"
valign="top"
>



\"0\" cellpadding=\"2\"
cellspacing=\"0\"
style=\"border-collapse: collapse\"
bordercolor=\"#111111\"
width=\"100%\"
id=\"AutoNumber13\"
height=\"1\"
>

----

"100%" height="1"
valign="top"
>

<table border="0"
cellpadding="2"
cellspacing="0"
style="border-collapse: collapse"
bordercolor="#111111"
width="100%"
id="AutoNumber18"
height="117"
>

----

, \"td\" width=\"100%\"
height=\"113\"
valign=\"top\"
></td>



</td>



</tr>



</table>



</td>



</tr>



<tr>



<td width="100%"
style="border-left-style: solid; border-left-width: 1; border-right-style: solid; border-right-width: 1; border-top-style: none; border-top-width: medium; border-bottom-style: solid; border-bottom-width: 1"
height="20"
bgcolor="#8494A5"
background="images/centre_bg.gif"
>&nbsp;
</td>



</tr>



<tr>



<td width="100%"
style="border-left-style: solid; border-left-width: 1; border-right-style: solid; border-right-width: 1; border-top-style: none; border-top-width: medium; border-bottom-style: none; border-bottom-width: medium"
height="1"
bgcolor="#8494A5"
valign="top"
>&nbsp;



</td>



</tr>



<tr>



<td width="100%"
style="border-left-style: solid; border-left-width: 1; border-right-style: solid; border-right-width: 1; border-top-style: none; border-top-width: medium; border-bottom-style: none; border-bottom-width: medium"
height="1"
bgcolor="#8494A5"
>


&nbsp;



&nbsp;



&nbsp;



&nbsp;



</td>



</tr>



</table>



</center>





</td>



</tr>



</table>



</td>



</tr>



</table>



\"1\" cellpadding=\"0\"
cellspacing=\"0\"
style=\"border-collapse: collapse; \"
bordercolor=\"#111111\"
width=\"645\"
id=\"AutoNumber8\"
bgcolor=\"#10315A\"
height=\"1\"
>

----

"643" style="border-top-style: solid; border-top-width: 1"
height="1"
>

"right">"#FFFFFF"
size="1"
face="Verdana"
>

Design By
grafic-lite.com
- &copy Copyright 2002-2003
,



</td>



</tr>



</table>






</html>

Désolé c'est un peu long^^! En fait je désire qu'en cliquant sur une image,



par exemple celle-ci, un menu s'affiche en dessous mais le problème c'est que je n'arrive pas à remanier les codes qui existent déjà pour le faire avec mes images et mes liens! Je sais je ne suis pas très doué...
0
Phil_Free Messages postés 275 Date d'inscription samedi 4 juin 2005 Statut Membre Dernière intervention 28 avril 2006 11
15 juin 2005 à 11:08
Peux-tu aussi me donner le lien vers le code que tu aimerais utiliser ?
0
cs_hugo37 Messages postés 10 Date d'inscription samedi 22 janvier 2005 Statut Membre Dernière intervention 24 juillet 2005
15 juin 2005 à 12:46
Voici le lien vers ce que je voudrais obtenir et le code :

http://seiyar81.free.fr/resultat.htm

Merci beaucoup de vous intéresser à mon problème car ce n'est pas toujours le cas sur les différents forums du net!
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Phil_Free Messages postés 275 Date d'inscription samedi 4 juin 2005 Statut Membre Dernière intervention 28 avril 2006 11
15 juin 2005 à 17:21
OK, je crois avoir compris ce que tu veux.



Je pense que tu peux adapter ce code:



http://www.javascriptfr.com/code.aspx?ID=32091



sur ta page.



Essaye et dis moi si ça te pose problème.
0
cs_hugo37 Messages postés 10 Date d'inscription samedi 22 janvier 2005 Statut Membre Dernière intervention 24 juillet 2005
15 juin 2005 à 18:22
Merci beaucoup je crois que je vais arriver à me débrouiller avec ce code! Je te remercie vraiment beaucoup de prendre de ton temps pour s'occuper d'un pauvre mec qui pige rien...
0
Rejoignez-nous