Problème d'affichage menu spry créé sous Dreamweaver Cs5.5
Charline DUFAITRE
Messages postés
5
Date d'inscription
Statut
Membre
Dernière intervention
-
astuces72 Messages postés 7769 Date d'inscription Statut Membre Dernière intervention -
astuces72 Messages postés 7769 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
J'ai crée un menú spry sous Dreamweaver Cs5.5. Lorsque je vérifie ma page à l'aide de Dreamweaver, le menu s'affiche correctement avec tous les navigateurs (IE, Firefox, Chrome).
Cependant, lors de la mise en ligne du site, le menu ne s'affiche pas correctement.
Je débute dans la création de site et je ne maitrise absolument pas le langage CSS et HTML. Je réalise mon site uniquement avec le mode "création" de Dreamweaver.
Voici l'adresse de mon site : classicboatpassion.com
Merci d'avance de l'aide que vous pourrez m'apporter,
Charline
J'ai crée un menú spry sous Dreamweaver Cs5.5. Lorsque je vérifie ma page à l'aide de Dreamweaver, le menu s'affiche correctement avec tous les navigateurs (IE, Firefox, Chrome).
Cependant, lors de la mise en ligne du site, le menu ne s'affiche pas correctement.
Je débute dans la création de site et je ne maitrise absolument pas le langage CSS et HTML. Je réalise mon site uniquement avec le mode "création" de Dreamweaver.
Voici l'adresse de mon site : classicboatpassion.com
Merci d'avance de l'aide que vous pourrez m'apporter,
Charline
A voir également:
- Problème d'affichage menu spry créé sous Dreamweaver Cs5.5
- Cree un compte google - Guide
- Menu contextuel windows 11 retrouver l'affichage classique - Guide
- Menu déroulant excel - Guide
- Affichage double ecran - Guide
- Cree gmail - Guide
1 réponse
slt
"
as tu bien mis le dossier "SpryAssets" sur ton serveur ?
normalement dream ta ajouté c'est deux lignes dans ton code:
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
Et donc, les liens vers ce dossier sont bon aussi ?
"
as tu bien mis le dossier "SpryAssets" sur ton serveur ?
normalement dream ta ajouté c'est deux lignes dans ton code:
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
Et donc, les liens vers ce dossier sont bon aussi ?
J'ai bien mis le dossier "SpryAssets" sur mon serveur et ces deux lignes sont bien présentes dans le code.
http://classicboatpassion.com/SpryAssets/SpryMenuBarHorizontal.css
http://classicboatpassion.com/SpryAssets/SpryMenuBar.js
<script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<!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>Classic Boat Passion</title>
<style type="text/css">
body {
background-color: #413831;
left: 50%;
top: 50%;
right: 50%;
bottom: 50%;
color: #413831;
}
#apDiv1 {
position:absolute;
width:915px;
height:456px;
z-index:1;
left: 50%;
top: 50%;
margin-top: -228px;
margin-left: -446.5px;
}
#apDiv2 {
position:absolute;
width:363px;
height:89px;
z-index:1;
top: 18px;
}
#apDiv3 {
position:absolute;
width:53px;
height:16px;
z-index:2;
left: 372px;
top: 78px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 11px;
color: #c2afa8;
background-color: #413831;
}
#apDiv4 {
position:absolute;
width:91px;
height:28px;
z-index:3;
color: #c2afa8;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 11px;
left: 496px;
top: 73px;
background-color: #413831;
}
#apDiv5 {
position:absolute;
width:60px;
height:19px;
z-index:4;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 11px;
color: #c2afa8;
background-color: #413831;
left: 432px;
top: 78px;
}
#apDiv6 {
position:absolute;
width:53px;
height:16px;
z-index:5;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 11px;
color: #c2afa8;
background-color: #413831;
left: 588px;
top: 78px;
}
#apDiv7 {
position:absolute;
width:545px;
height:1px;
z-index:1;
left: 367px;
top: 96px;
background-color: #c2afa8;
}
#apDiv8 {
position:absolute;
width:448px;
height:336px;
z-index:1;
left: 462px;
top: 106px;
background-color: #5F5247;
}
a:link {
color: #c2afa8;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #c2afa8;
}
a:hover {
text-decoration: none;
color: #880651;
}
a:active {
text-decoration: none;
color: #880651;
}
#apDiv9 {
position:absolute;
width:459px;
height:348px;
z-index:2;
left: 234px;
top: 206px;
}
#apDiv10 {
position:absolute;
width:456px;
height:339px;
z-index:6;
left: 1px;
top: 105px;
}
#apDiv11 {
position:absolute;
width:343px;
height:147px;
z-index:1;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 12px;
color: #c2afa8;
left: 22px;
top: -1px;
}
#apDiv12 {
position:absolute;
width:193px;
height:132px;
z-index:2;
left: 121px;
top: 97px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 12px;
color: #c2afa8;
}
</style>
<script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
</head>
<body class="MenuBarItemSubmenuHover">
<span class="MenuBarItemHover"><span class="MenuBarItemHover"><span class="MenuBarItemSubmenu"></span></span></span>
<div id="apDiv1">
<div id="apDiv2"><img src="im1.png" width="358" height="81" /></div>
<div id="apDiv3">ACCUEIL</div>
<div id="apDiv4">
<ul id="MenuBar1" class="MenuBarHorizontal">
<li><a href="#" class="MenuBarItemSubmenu">REALISATION</a>
<ul>
<li><a href="#">Relooking de cuisine</a></li>
<li><a href="#">Rénovation meubles anciens</a></li>
<li><a href="#" class="MenuBarItemSubmenu">Agencement d'ébénisterie</a>
<ul>
<li><a href="#">Vaisselier</a></li>
<li><a href="#">Bibliothèque</a></li>
<li><a href="#">Cuisine</a></li>
<li><a href="#">Aménagement terrasse piscine</a></li>
<li><a href="#">Ebénisterie marine</a></li>
<li><a href="#">Réalisation en cours</a></li>
</ul>
</li>
</ul>
</li>
</ul>
</div>
<div id="apDiv5"><a href="dinorah.html">DINORAH II </a></div>
<div id="apDiv6"><a href="contact.html">CONTACT</a></div>
<div id="apDiv8">
<div id="apDiv12">Ebéniste vernisseur, à l'écoute d'une clientèle exigeante depuis 1991, Classic Boat Passion réalise vos projets d'aménagements atypiques, contemporains, ou traditionnels, alliant un savoir faire et des finitions sofistiquées. </div>
</div>
<div id="apDiv10">
<object type="application/x-shockwave-flash" width="451" height="338" data="diaporamaindex.swf">
<param name="movie" value="diaporamaindex.swf">
<param name="quality" value="high">
</object>
</div>
</div>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
</script>
</body>
</html>
car ton code est bon, la preuve j'ai mis ici:
http://astuces72.free.fr/test/test/Sanstitre-2.php
et j'ai mis le dossier SpryAssets dans le même dossier, et ça fonctionne
Donc.