Sujet Précédent Sujet Suivant

Problème d'affichage menu spry créé sous Dreamweaver Cs5.5

Fermé
Charline DUFAITRE Messages postés 5 Date d'inscription jeudi 5 septembre 2013 Statut Membre Dernière intervention 5 septembre 2013 - 5 sept. 2013 à 16:03
astuces72 Messages postés 7724 Date d'inscription vendredi 15 janvier 2010 Statut Membre Dernière intervention 27 avril 2024 - 6 sept. 2013 à 00:40
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
A voir également:

1 réponse

Réponse 1 / 1
astuces72 Messages postés 7724 Date d'inscription vendredi 15 janvier 2010 Statut Membre Dernière intervention 27 avril 2024 1 637
5 sept. 2013 à 17:51
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 ?
0
Charline DUFAITRE Messages postés 5 Date d'inscription jeudi 5 septembre 2013 Statut Membre Dernière intervention 5 septembre 2013
5 sept. 2013 à 18:16
Merci de ta réponse.
J'ai bien mis le dossier "SpryAssets" sur mon serveur et ces deux lignes sont bien présentes dans le code.
0
astuces72 Messages postés 7724 Date d'inscription vendredi 15 janvier 2010 Statut Membre Dernière intervention 27 avril 2024 1 637
5 sept. 2013 à 18:18
alors pourquoi 404 not found ?
http://classicboatpassion.com/SpryAssets/SpryMenuBarHorizontal.css
http://classicboatpassion.com/SpryAssets/SpryMenuBar.js
0
Charline DUFAITRE Messages postés 5 Date d'inscription jeudi 5 septembre 2013 Statut Membre Dernière intervention 5 septembre 2013
5 sept. 2013 à 18:24
J'ai peu être mal regardé. Voici les lignes de code qui me semblent être celles que tu me demande.

<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" />
0
Charline DUFAITRE Messages postés 5 Date d'inscription jeudi 5 septembre 2013 Statut Membre Dernière intervention 5 septembre 2013
5 sept. 2013 à 18:26
Voici le code entier de la page index :

<!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>
0
astuces72 Messages postés 7724 Date d'inscription vendredi 15 janvier 2010 Statut Membre Dernière intervention 27 avril 2024 1 637
Modifié par astuces72 le 5/09/2013 à 18:34
tu n'aurais pas renommé le dossier SpryAssets ?

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.
0

Discussions similaires

adele
marine carnet-pantier -
irongege -

2 réponses
Leboncoin : j'ai un problème d'affichage
maria1508 -
msi123 -

5 réponses
les entrées et les sortées
oussman -
MarsuGL -

2 réponses