Problème menu déroulant, de l'aide svp!

M

Medhi24

Membre confirmé
5 Octobre 2010
10
0
Bonjour à vous:D

Voilà tant que débutant je suis entrain de créer mon premier site.

Je souhaite mettre un menu drop down , je l'ai crée sur le site "css menu maker" à l'aide du tuto proposé par "iwebdébutersurmac".

J'ai suivi ttes les étapes mais je ne comprends pas j'obtiens un rectangle blanc!:mad:
Ca fait des semaines que je me casse la tête dessus ms je ne trouve pas.
Si quelqu'un peut m'aider,ce serait vraiment super sympa.
je suis sur Iweb 09.
Je suis a votre écoute pr vous donnez plus d'info.
Merci d'avance
 
Bonjour Koeklin
Merci de m'aider.

Lien vers la page :
http://www.routsetsacados.free.fr/Routsetsacados/TEST_menu.html

Code html de mon widget :
<iframe src="http://routsetsacados.free.fr/menu/menu.html" frameborder="0" width="800px" Height "300px" />

Code de mon "menu.html" généré par cssmenumaker :
<!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" xml:lang="fr" lang="fr">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
<style media="all" type="text/css">@import "menu/menu_style.css";</style>
<div>
<ul class="menu">
<li class="top"><a href="http://www.routsetsacados.free.fr/Routsetsacados/Presentations.html" target="_self" class="top_link"><span>Présentations</span></a>
</li>
<li class="top"><a href="http://www.routsetsacados.free.fr/Routsetsacados/Preparation.html" target="_top" class="top_link"><span>Préparations</span></a>
<ul class="sub">
<li><a href="http://www.routsetsacados.free.fr/Routsetsacados/Préparations__Papier.html" target="_self">Papiers</a></li>
<li><a href="http://www.routsetsacados.free.fr/Routsetsacados/Préparations__Sac_a_dos.html" target="_top">Sac à dos</a></li>
<li><a href="http://www.routsetsacados.free.fr/Routsetsacados/Préparations__Budgets.html" target="_top">Budgets</a></li>
<li><a href="http://www.routsetsacados.free.fr/Routsetsacados/Préparations__conseils.html" target="_top">Conseils</a></li>
</ul>
</li>
<li class="top"><a href="http://www.routsetsacados.free.fr/Routsetsacados/Mon_1er_voyage.html" target="_top" class="top_link"><span>Mon 1er voyage</span></a>
</li>
<li class="top"><a href="" target="_top" class="top_link"><span>Partir</span></a>
<ul class="sub">
<li><a href="http://www.routsetsacados.free.fr/Routsetsacados/Partir__Afrique.html" target="_top">Afrique</a></li>
<li><a href="http://www.routsetsacados.free.fr/Routsetsacados/Partir__Amerique_du_nord.html" target="_top">Amérique du nord</a></li>
<li><a href="http://www.routsetsacados.free.fr/Routsetsacados/Partir__Amerique_du_sud.html" target="_top">Amérique du sud</a></li>
<li><a href="http://www.routsetsacados.free.fr/Routsetsacados/Partir__Asie.html" target="_top">Asie</a></li>
<li><a href="http://www.routsetsacados.free.fr/Routsetsacados/Partir__Europe.html" target="_top">Europe</a></li>
<li><a href="http://www.routsetsacados.free.fr/Routsetsacados/Partir__Oceanie.html" target="_top">Océanie</a></li>
</ul>
</li>
<li class="top"><a href="" target="_top" class="top_link"><span>Partager ses voyages</span></a>
<ul class="sub">
<li><a href="http://www.routsetsacados.free.fr/Routsetsacados/Formulaire_pr_photos.html" target="_top">Poster vos photos</a></li>
<li><a href="http://www.routsetsacados.free.fr/Routsetsacados/Formulaire_pr_videos.html" target="_top">Poster vos vidéos</a></li>
<li><a href="http://www.routsetsacados.free.fr/Routsetsacados/Formulaire_pr_itineraire.html" target="_top">Faire découvrir un itinéraire</a></li>
<li><a href="http://www.routsetsacados.free.fr/Routsetsacados/Formulaire_pr_lieu,hebergement,etc..html" target="_top">Faire partager un lieu, un hébergement,etc.</a></li>
<li><a href="http://www.routsetsacados.free.fr/Routsetsacados/Formulaire_pr_recit,album_photo.html" target="_top">Un récit, un album photo</a></li>
<li><a href="http://www.routsetsacados.free.fr/Routsetsacados/Formulaire_pr_bon_plan.html" target="_top">Bons Plans</a></li>
</ul>
</li>
<li class="top"><a href="http://www.routsetsacados.free.fr/Routsetsacados/Bons_plans.html" target="_top" class="top_link"><span>Bons plans</span></a>
</li>
<li class="top"><a href="http://www.routsetsacados.free.fr/Routsetsacados/Protege_ta_planete.html" target="_top" class="top_link"><span>Protège ta planète</span></a>
</li>
<li class="top"><a href="http://www.routsetsacados.free.fr/Routsetsacados/Forum.html" target="_top" class="top_link"><span>Forum</span></a>
</li>
<li class="top"><a href="http://www.routsetsacados.free.fr/Routsetsacados/Livre_dor.html" target="_top" class="top_link"><span>Livre d\'or</span></a>
</li>
</ul>
</div>
-->
</body></html>

Voilà tous mes codes, besoin d'autres infos?
Ah oui juste une question le dossier contenant le "menu.html" doit bien se trouver à la racine du dossier de mon site?
Et après il me suffit juste d'ouvrir Iweb et de le publier sur le serveur FTP ?

Merci encore et en espérant de trouver la solution!!
 
1. Concernant le premier widget de la page
Medhi24 a dit:
Bloc de code: 
<iframe src="http://routsetsacados.free.fr/menu/menu.html" frameborder="0" width="800px" Height "300px" />
Cliquez pour agrandir...
1. il n'ya pas de fichier menu.html à l'adresse indiquée dans le code de l'iframe.
2. le code de l'iframe n'est pas correcte, il manque le signe "=" après Height
Je vous redonne le code de l'iframe
Bloc de code: 
<iframe src="http://adresse/de/votre/page/menu.html" frameborder="0" width="800" height="300" scrolling="no" allowTransparency="true"></iframe>

2. Concernant le deuxième widget de la page,
il faudrait passer le décalage supérieur du menu de 208px à 0px
la partie du code (présent 3 fois (=3 boutons) ) top : 208px; est à effacer (ou à remplacer par top: 0px;)
le décalage gauche des 3 boutons est à adapter aussi : left: 74px; pour le premier left: 236px; pour le second left: 398px; pour le troisième, on pourrait réduire chacune de ces valeurs de 74 px
 
Bonsoir Koeklin

J'ai vérifié et je ne comprends tjrs pas!:mad::mad:

Lien vers la page :
http://www.routsetsacados.free.fr/Routsetsacados/Entre_2.html

Code :
<iframe src="http://www.routsetsacados.free.fr/Routsetsacados/menu/menu.html" frameborder="0" width="800" height="75" scrolling="no" allowTransparency="true"></iframe>

Cela me donne tjrs rien,j'ai apercu free avec une erreur 404.
Et pourtant mon fichier menu.html est bien ds mon dossier.

Je vous donnes le chemin de mon dossier, il y a peut être une erreur.
Site/Routsetsacados/menu
Et ds ce menu se trouve 3 fichiers et un dossier menu :
- installation_instruction.html
- menu.html (file:///Users/medhi/Sites/Routsetsacados/menu/menu.html)
- sample.html
Et un dossier menu avec un dossier image et un fichier menu_style.css.

Si cela peut vs aidez a trouver l'erreur.
Encore merci d'avance.
 
Medhi24 a dit:
- menu.html (file:///Users/medhi/Sites/Routsetsacados/menu/menu.html)
Cliquez pour agrandir...

Me donner le chemin de votre fichier sur votre disque dur ne m'a pas été utile malheureusement par contre votre client-FTP offre la possibilité de connaitre l'URL de votre fichier (encore faut il le configurer convenablement) ou son chemin (ça serait pas mal pour faire avancer le schmilblick) en faisant un clic droit sur le nom du fichier en ligne via le client-FTP.
 

Sujets similaires

S
menu commun mac/pc : help
Réponses
6
Affichages
1K
Développement web
geoffrey
geoffrey
Haut Bas