Disfonctionnement menu deroulant

Fermé
lesetoiles26 Messages postés 13 Date d'inscription lundi 10 septembre 2012 Statut Membre Dernière intervention 13 septembre 2012 - 10 sept. 2012 à 12:02
lesetoiles26 Messages postés 13 Date d'inscription lundi 10 septembre 2012 Statut Membre Dernière intervention 13 septembre 2012 - 11 sept. 2012 à 22:42
Bonjour,

J'ai un petit probleme dans le code du site que je construis. J'utilise dreamweaver CS5.
J'ai concu un menu déroulant mais il y a une erreur car lorsque je clique sur mon menu deroulant, ca m'affiche ma page mais apres, plus moyen de la quitter...
j'ai essayé plusieurs modifs mais rien n'y fait...j'y suis dessus depuis plusieurs jours et je commence à m'arracher les cheveux... je suis pas une grande experte, je debute, alors y'a forcement un truc qui m'échappe mais koi????
Je precise que , à la base, je voulais un menu déroulant beaucoup plus fluide mais je ne sais pas comment faire...
je voulais aussi mettre un curseur personalisé mais ce ne marche pas non plus...merci à tous ceux qui voudront bien m'aider....

voici le code de l'une de mes pages: ( mon site: www.missdromemeridionale.fr)

<!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" />
<title>les candidates 2012</title>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<style>
<!--
BODY{
cursor:url("curseurcouronne.cur");
}
-->
</style>

<style type="text/css">
#plandesite {
color: #96F;
font-family: "Arial Black", Gadget, sans-serif;
font-size: x-small;
font-style: normal;
font-weight: lighter;
font-variant: normal;
}
a:link {
color: #96C;
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: underline;
color: #F6C;
}
a:active {
text-decoration: none;
}
body,td,th {
font-family: "Times New Roman", Times, serif;
font-size: medium;
color: #4B2D5B;
}
body {
background-color: #FFECFF;
}
</style>
</head>

<body>
<table width="899" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<th height="201" colspan="2" scope="col"><img src="images/bandeau4.png" width="900" height="201" /></th>
</tr>
<tr>
<th height="37" colspan="2" align="center" valign="middle" scope="row"><ul id="MenuBar1" class="MenuBarHorizontal">
<li><a href="#index.html">Accueil</a> </li>

<li><a href="#" class="MenuBarItemSubmenu" >Elections</a>
<ul>
<li><a href="#" class="MenuBarItemSubmenu" >Election 2012</a>
<ul>
<li><a href="#programme2012.html">Programme</a></li>
<li><a href="#candidates.html">candidates</a></li>
<li><a href="#election.html">Election 2012</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">Election 2011</a>
<ul>
<li><a href="#programme.html">programme</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu" >Les miss</a>
<ul>
<li><a href="#miss2011.html">Miss 2011</a> </li>
<li><a href="#miss.html">Miss 2010</a></li>
<li><a href="#miss2009.html">Miss 2009</a> </li>
<li><a href="#anciennesmiss.html">Les Miss</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">Actu</a>
<ul>
<li><a href="#actu2012.html">Actu 2012</a> </li>
<li><a href="#actu2011.html">Actu 2011</a></li>
<li><a href="#actuancienne.html">Actu antérieure</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">Comité</a>
<ul>
<li><a href="#comite.html">Le comité</a></li>
<li><a href="#histoire.html">Page d'histoire</a></li>
<li><a href="#membres.html">Les membres</a></li>
</ul>
</li>
<li><a href="#sponsors.html">Sponsors</a> </li>
<li><a href="#contact.html">Contacts</a></li>
</ul>
</th>
</tr>
<tr>
<td width="75" height="126" align="center" valign="top" scope="row"><div class="addinto_sharebox addinto_sharebox_default" id="titregauche">
<a href="http://www.addinto.com/ai/?type=bkmk&url=www.missdromemeridionale.fr" onmouseover="ai2display_bkmk(this, '', '', 'www.missdromemeridionale.fr');" onmouseout="ai2close_bkmk();"><img src="http://www.addinto.com/logos/partager_v2.gif" alt="AddInto" border="0" /></a><script type="text/javascript" src="http://static.addinto.com/ai/ai2_bkmk.js"></script>
<iframe src="https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.example.com%2Fpage.html&layout=box_count&show_faces=true&width=65&action=like&font=arial&colorscheme=light&height=65" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:65px; height:65px; margin-top:2px;" allowTransparency="true"></iframe>
</div>
<script type="text/javascript" src="http://static.addinto.com/ai/ai2_bkmk.js"></script></td>
<th width="825" rowspan="3" scope="row"><marquee scrollamount="07" scrolldelay="5">
<b>**** site en cours de mise à jour, merci de votre compréhension**** </b>
</marquee>
<br />
<p id="titre">Les Candidates 2012</p>
<p><img src="images/1-vanessa.JPG" width="238" height="373" />  <img src="images/2-Marl.jpg" width="238" height="373" />  <img src="images/3-lucie 21 ans 1m73.jpg" width="238" height="373" /><br />
1- Vanessa 21 ans 1m73            2- Marlène. 22 ans 1m73m           3-Lucie 21 ans 1m73</p>
<p><img src="images/4- Adeline 24 ans 1m70.jpg" width="238" height="373" /> <img src="images/5-Ingrid 21 ans 1m71.jpg" width="238" height="373" /> <img src="images/6-irene 20 ans 1m70.jpg" width="238" height="373" /><br />
4- Adeline 24 ans 1m70                     5-Ingrid 21 ans 1m71           6-Irene 20 ans 1m70</p>
<p>;<img src="images/7-Gwendoline 21 ans 1m70.jpg" width="238" height="373" /> <img src="images/8-nina 18 ans 1m70.jpg" width="238" height="373" /> <img src="images/9-July 20 ans 1m70.jpg" width="238" height="373" /><br />
 7-Gwendoline 21 ans 1m70                         8-Nina 18 ans 1m70              9-July 20 ans 1m70</p>
<p> <img src="images/10-Cyndie 21 ans 1m72.jpg" width="238" height="373" /> <img src="images/11-Dafa 21 ans 1m72.jpg" width="238" height="373" /> <img src="images/12-Elodie 20 ans 1m77.jpg" width="238" height="373" /><br /> 10-Cyndie 21 ans 1m72                11-Dafa 21 ans 1m72                     12-Elodie 20 ans 1m77<br />
</p></th>
</tr>
<tr>
<td height="24" align="left" valign="top" scope="row"><noscript>
<a href="http://www.compteur.org" target="_blank">Compteur</a>
</noscript></td>
</tr>
<tr>
<td height="64" align="center" valign="top" scope="row">
<script src="http://www.compteur.org/compteur.php?157809"></script>
<noscript></noscript> 
<!-- #BeginDate format:En1m -->6-sep-12 22:48<!-- #EndDate --></td>

</tr>
<tr>
<th height="32" colspan="2" scope="row"><span id="plandesite"><p>Copyright © Miss Montelimar- Drome Méridionale- Reproduction interdite <br />
<a href="plandesite.html">Plan de site</a>
</span></th>
</tr>
</table>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
</script>
</body>
</html>




A voir également:

1 réponse

Alain_42 Messages postés 5361 Date d'inscription dimanche 3 février 2008 Statut Membre Dernière intervention 13 février 2017 894
Modifié par Alain_42 le 11/09/2012 à 17:45
normal:

par exemple dans ce lien:
<li><a href="#programme2012.html">Programme</a></li>
quand tu mets href= "# ça rajoutes devant l'adresse de la page en cours

exemple si tu est sur la page contacts ça va donner comme lien réel:

http://www.missdromemeridionale.fr/contact.html#programme2012.html
regardes dans la barre d'adresse de ton navigateur

il faut que dans tous tes liens de ton menu tu mettre le chemin absolu de la page depuis la racine du site

si ta page programme2012.html est a la racine du site tu mets:
href="progamme2012.html"
1
lesetoiles26 Messages postés 13 Date d'inscription lundi 10 septembre 2012 Statut Membre Dernière intervention 13 septembre 2012
11 sept. 2012 à 22:42
bonsoir....

je desesperais avoir une reponse....
Finallement, le probleme était tout simple et dieu sait que je me suis creusé la tete...bon j'ai rectifié le code sur une page et ca marche donc il me reste à modifier toutes les pages maintenant...

merci beaucoup pour ton aide précieuse!!
0