Geckozone

Bonjour,

Je gère le site internet de mon boulot, avec deux logiciels Kompozer et File zilla

J'ai fais un nouveau menu avec le logiciel que j'ai téléchargé, qui est
Easy CSS Menu. J'ai inseré le code HTML dans ma page index Kompozer.
Tout fonctionne. Je fais un F5 pour avoir une vue de ma page sur le
navigateur. C'est un menu déroulant avec plusieurs menus, avec des
sous-menus.

Quand je transfère cette page enregistrée dans mon serveur sur
Filezilla, le menu n'est pas vu correctement, il manque la mise en page
et le graphisme.

On voit la liste avec les puces sur la gauche avec les menus et les sous
menus.
En exemple :

* Accueil
* La Maison de l'Europe
* Europe Direct ......

Je ne sais pas où m'adresser pour qu'on puisse m'aider à savoir le fond
du problème, peut-être que vous pourriez m'aider...

Merci pour vos réponses
Votre Navigateur : Mozilla/5.0 (Windows NT 6.1; WOW64; rv:25.0) Gecko/20100101 Firefox/25.0

bonjour,
difficile de te répondre comme cela (quoique que je dirais qu'il manque le fichier des styles CSS)
Peut tu nous donner l'URL du site.....si pas indiscret
Votre Navigateur : Mozilla/5.0 (Windows NT 6.0; rv:25.0) Gecko/20100101 Firefox/25.0

chriss.. a écrit :bonjour,
difficile de te répondre comme cela (quoique que je dirais qu'il manque le fichier des styles CSS)
Peut tu nous donner l'URL du site.....si pas indiscret
Votre Navigateur : Mozilla/5.0 (Windows NT 6.0; rv:25.0) Gecko/20100101 Firefox/25.0

Bonsor,

Voici le lien du site www.maisoneurope47.eu

Peut-être possible qu'il manque le fichier CSS mais le problème c'est que le logiciel me donne un code HTML et je n'ai pas le fichier des styles CSS
Votre Navigateur : Mozilla/5.0 (Windows NT 6.1; WOW64; rv:25.0) Gecko/20100101 Firefox/25.0

Bonjour,
avant de répondre à ton problème de menu, une première chose ton site est très à l'affichage... Il faut que tu diminue les images, (la photo de groupe de 4 608px × 2 598px passe la à 800 x 600px).
et deuxième chose corrige les erreurs de codage, 44 erreurs : http://validator.w3.org/check?uri=http% ... ne&group=0

Ouuuhh la !!! tu as fait du copier coller avec easy css menu????????? Vire moi cela IMMEDIATEMENT..... on ne fait pas un menu avec une table mais <ul> et <li>
Voici pour débuter un tuto simple pour les menus http://www.alsacreations.com/tuto/lire/ ... n-CSS.html
Votre Navigateur : Mozilla/5.0 (Windows NT 6.0; rv:25.0) Gecko/20100101 Firefox/25.0

chriss.. a écrit :Bonjour,
avant de répondre à ton problème de menu, une première chose ton site est très à l'affichage... Il faut que tu diminue les images, (la photo de groupe de 4 608px × 2 598px passe la à 800 x 600px).
et deuxième chose corrige les erreurs de codage, 44 erreurs : http://validator.w3.org/check?uri=http% ... ne&group=0

Ouuuhh la !!! tu as fait du copier coller avec easy css menu????????? Vire moi cela IMMEDIATEMENT..... on ne fait pas un menu avec une table mais <ul> et <li>
Voici pour débuter un tuto simple pour les menus http://www.alsacreations.com/tuto/lire/ ... n-CSS.html
Votre Navigateur : Mozilla/5.0 (Windows NT 6.0; rv:25.0) Gecko/20100101 Firefox/25.0

Bonjour,

Oui la photo est petite, puis on a voulu la mettre de cette taille ?
Ah d'accord ! Donc sur le lien que tu as mis il y a les erreurs que j'ai ? et en rouge c'est ce que je dois rajouter est-ce bien cela ?

Non pas du copier coller, mais quand mon menu a été fait, il y a en haut " Insérer le menu dans la page" donc soit il me propose de faire un copier coller, ou d'insérer automatiquement le code eux même en choississant directement ma page...
Mais ce n'est pas le menu qu'il y a sur le site là ! J'ai oublié de le préciser :/ , le menu que j'ai fait je ne l'ai pas mis, vu qu'il ne s'affiche pas correctement

Merci pour le tuto, j'y suis allé voir. Le problème est que le code je ne l'est qu'en HTML il me semble...

Question aussi pour être sûr que j'ai bien compris, le code css n'est ce qu'il se met dans Kompozer et dans Source ?

Merci en tout cas de vos réponses.. !!
Votre Navigateur : Mozilla/5.0 (Windows NT 6.1; WOW64; rv:25.0) Gecko/20100101 Firefox/25.0

Je viens de regarder le menu que j'ai avec Easy CSS Menu, et il y a bien dans le code <ul> et <li> ...
Votre Navigateur : Mozilla/5.0 (Windows NT 6.1; WOW64; rv:25.0) Gecko/20100101 Firefox/25.0

bonjour,

Minaa a écrit :Je viens de regarder le menu que j'ai avec Easy CSS Menu, et il y a bien dans le code <ul> et <li> ...
Votre Navigateur : Mozilla/5.0 (Windows NT 6.1; WOW64; rv:25.0) Gecko/20100101 Firefox/25.0

alors un copier coller...
Votre Navigateur : Mozilla/5.0 (Windows NT 6.0; rv:25.0) Gecko/20100101 Firefox/25.0

Minaa a écrit : Bonjour,

Oui la photo est petite, puis on a voulu la mettre de cette taille ?

Je ne sais pas si on s'est bien compris.... L'image qui est sur le serveur est bien trop grosse, il faut la réduire à 800x600. Un visiteur qui arrive sur le site ne veut pas attendre 5" le chargement des images.

Ah d'accord ! Donc sur le lien que tu as mis il y a les erreurs que j'ai ? et en rouge c'est ce que je dois rajouter est-ce bien cela ?

Non, cela indique où est l'erreur, à toi de corriger.
La traduction de première erreur

Vous avez utilisé l'attribut nommé ci-dessus dans votre document , mais le type de document que vous utilisez ne prend pas en charge cet attribut pour cet élément . Cette erreur est souvent causée par une mauvaise utilisation du " Strict " type de document à un document qui utilise des cadres ( par exemple, vous devez utiliser la " transition " type de document pour obtenir l'attribut "cible" ) , ou à l'aide de fournisseurs extensions propriétaires tels que " marginheight " ( ce qui est généralement fixé à l'aide de CSS pour obtenir l'effet désiré au lieu ) .

Cette erreur peut également se produire si l' élément lui-même n'est pas pris en charge dans le type de document que vous utilisez, comme un élément non défini aura pas d'attributs pris en charge , dans ce cas , le message d' erreur élément indéfini pour plus d'informations .

Comment corriger : vérifier l'orthographe et cas de l'élément et attribut , (Rappelez-vous XHTML est tout en minuscules ) et / ou vérifier qu'ils sont tous les deux autorisés dans le type de document choisi , et / ou utiliser les CSS à la place de cet attribut . Si vous avez reçu ce message d'erreur lorsque vous utilisez l'élément embed à intégrer à mémoire flash dans une page Web, consultez la rubrique FAQ sur le flash valide .

en clair "alink" "vlink" etc... ne sont plus valide et donc qu'il faut passer par une feuille de styles CSS

Question aussi pour être sûr que j'ai bien compris, le code css n'est ce qu'il se met dans Kompozer et dans Source ?

si tu ne sais pas ce que c'est le CSS voici un petit cours pour débuter: http://fr.html.net/tutorials/css/
Un tutos pour les menus, plus simple que easy menu et tu comprendras mieux comment cela fonctionne: http://fr.openclassrooms.com/informatiq ... horizontal
Votre Navigateur : Mozilla/5.0 (Windows NT 6.0; rv:25.0) Gecko/20100101 Firefox/25.0

Merci beaucoup ! je viens de lire tout cela..

Je penses que j'ai un souci au niveau d'un style de CSS par rapport au menu que j'importe.

Il faut que je recrée une feuille de style CSS avec le code du menu que jsouhaite mettre
Votre Navigateur : Mozilla/5.0 (Windows NT 6.1; WOW64; rv:25.0) Gecko/20100101 Firefox/25.0

Voici le code HTML du menu que j'ai crée avec Easy CSS MENU :

<link rel="stylesheet" href="mbcsmb8m0i.css" type="text/css" />


<!-- Navigation menus created with the free version of Easy CSS Menu downloaded from www.easycssmenu.com
You are free to use this menu code for personal, non-commercial use only. Any other use is a serious violation of copyright laws.
You are required to retain this comment block in your website code in an unchanged fashion.
The above limitations do not apply on menus created with the paid version of the software. -->
<ul id="mb8m0iebul_table" class="mb8m0iebul_menulist css_menu" style="width: 1227px; height: 40px;">
<li class="topitem spaced_li first_button"><div class="buttonbg gradient_button gradient40" style="width: 77px;"><a target="_blank" class="button_1">Accueil</a></div></li>
<li class="topitem spaced_li"><div class="buttonbg gradient_button gradient40"><div class="arrow"><a>La Maison de l'Europe de Lot-et-Garonne</a></div></div>
<ul class="gradient_menu gradient174">
<li class="gradient_menuitem gradient29 first_item"><a title="">Présentation</a></li>
<li class="gradient_menuitem gradient29"><a title="">Historique</a></li>
<li class="gradient_menuitem gradient29"><a title="">L'équipe</a></li>
<li class="gradient_menuitem gradient29"><a title="">Infos pratiques</a></li>
<li class="gradient_menuitem gradient29"><a title="">Adhérer</a></li>
<li class="gradient_menuitem gradient29 last_item"><a title="">Archives</a></li>
</ul></li>
<li class="topitem spaced_li"><div class="buttonbg gradient_button gradient40" style="width: 131px;"><div class="arrow"><a>Europe Direct</a></div></div>
<ul class="gradient_menu gradient58">
<li class="gradient_menuitem gradient29 first_item"><a title="">Présentation</a></li>
<li class="gradient_menuitem gradient29 last_item"><a title="">Documentation</a></li>
</ul></li>
<li class="topitem spaced_li"><div class="buttonbg gradient_button gradient40" style="width: 98px;"><div class="arrow"><a>Agenda <br /></a></div></div>
<ul class="gradient_menu gradient58">
<li class="gradient_menuitem gradient29 first_item"><a title="">Evénements à venir</a></li>
<li class="gradient_menuitem gradient29 last_item"><a title="">Evénements passés</a></li>
</ul></li>
<li class="topitem spaced_li"><div class="buttonbg gradient_button gradient40" style="width: 159px;"><div class="arrow"><a>Cours de langues&nbsp;</a></div></div>
<ul class="gradient_menu gradient58">
<li class="gradient_menuitem gradient29 first_item"><a title="">Anglais</a></li>
<li class="gradient_menuitem gradient29 last_item"><a title="">Tarifs</a></li>
</ul></li>
<li class="topitem spaced_li"><div class="buttonbg gradient_button gradient40" style="width: 124px;"><div class="arrow"><a>Nos activités<br /><br /></a></div></div>
<ul class="gradient_menu gradient58">
<li class="gradient_menuitem gradient29 first_item"><a title="">Nos animations</a></li>
<li class="gradient_menuitem gradient29 last_item"><a title="">Nos actions</a></li>
</ul></li>
<li class="topitem spaced_li"><div class="buttonbg gradient_button gradient40" style="width: 128px;"><a class="button_7">Galeries vidéos</a></div></li>
<li class="topitem spaced_li"><div class="buttonbg gradient_button gradient40" style="width: 103px;"><a class="button_8">Partenaires</a></div></li>
<li class="topitem last_button"><div class="buttonbg gradient_button gradient40" style="width: 102px;"><a class="button_9">Liens utiles<br /></a></div></li>
</ul>
<!-- Menus will work without this javascript file. It is used only for extra
effects, improved usability and compatibility with very old web browsers. -->
<script type="text/javascript" src="mbjsmb8m0i.js"></script>
Votre Navigateur : Mozilla/5.0 (Windows NT 6.1; WOW64; rv:25.0) Gecko/20100101 Firefox/25.0

Minaa a écrit :Voici le code HTML du menu que j'ai crée avec Easy CSS MENU :

<link rel="stylesheet" href="mbcsmb8m0i.css" type="text/css" />

cette ligne est à mettre entre les balises <head> </head>. Le fichier mbcsmb8m0i.css est à mettre dans le même répertoire que le fichier html, soit normalement index.html
Et ce qui suis est à mettre à la place deS <table>

<!-- Navigation menus created with the free version of Easy CSS Menu downloaded from http://www.easycssmenu.com
You are free to use this menu code for personal, non-commercial use only. Any other use is a serious violation of copyright laws.
You are required to retain this comment block in your website code in an unchanged fashion.
The above limitations do not apply on menus created with the paid version of the software. -->
<ul id="mb8m0iebul_table" class="mb8m0iebul_menulist css_menu" style="width: 1227px; height: 40px;">
<li class="topitem spaced_li first_button"><div class="buttonbg gradient_button gradient40" style="width: 77px;"><a target="_blank" class="button_1">Accueil</a></div></li>
<li class="topitem spaced_li"><div class="buttonbg gradient_button gradient40"><div class="arrow"><a>La Maison de l'Europe de Lot-et-Garonne</a></div></div>
<ul class="gradient_menu gradient174">
<li class="gradient_menuitem gradient29 first_item"><a title="">Présentation</a></li>
<li class="gradient_menuitem gradient29"><a title="">Historique</a></li>
<li class="gradient_menuitem gradient29"><a title="">L'équipe</a></li>
<li class="gradient_menuitem gradient29"><a title="">Infos pratiques</a></li>
<li class="gradient_menuitem gradient29"><a title="">Adhérer</a></li>
<li class="gradient_menuitem gradient29 last_item"><a title="">Archives</a></li>
</ul></li>
<li class="topitem spaced_li"><div class="buttonbg gradient_button gradient40" style="width: 131px;"><div class="arrow"><a>Europe Direct</a></div></div>
<ul class="gradient_menu gradient58">
<li class="gradient_menuitem gradient29 first_item"><a title="">Présentation</a></li>
<li class="gradient_menuitem gradient29 last_item"><a title="">Documentation</a></li>
</ul></li>
<li class="topitem spaced_li"><div class="buttonbg gradient_button gradient40" style="width: 98px;"><div class="arrow"><a>Agenda <br /></a></div></div>
<ul class="gradient_menu gradient58">
<li class="gradient_menuitem gradient29 first_item"><a title="">Evénements à venir</a></li>
<li class="gradient_menuitem gradient29 last_item"><a title="">Evénements passés</a></li>
</ul></li>
<li class="topitem spaced_li"><div class="buttonbg gradient_button gradient40" style="width: 159px;"><div class="arrow"><a>Cours de langues&nbsp;</a></div></div>
<ul class="gradient_menu gradient58">
<li class="gradient_menuitem gradient29 first_item"><a title="">Anglais</a></li>
<li class="gradient_menuitem gradient29 last_item"><a title="">Tarifs</a></li>
</ul></li>
<li class="topitem spaced_li"><div class="buttonbg gradient_button gradient40" style="width: 124px;"><div class="arrow"><a>Nos activités<br /><br /></a></div></div>
<ul class="gradient_menu gradient58">
<li class="gradient_menuitem gradient29 first_item"><a title="">Nos animations</a></li>
<li class="gradient_menuitem gradient29 last_item"><a title="">Nos actions</a></li>
</ul></li>
<li class="topitem spaced_li"><div class="buttonbg gradient_button gradient40" style="width: 128px;"><a class="button_7">Galeries vidéos</a></div></li>
<li class="topitem spaced_li"><div class="buttonbg gradient_button gradient40" style="width: 103px;"><a class="button_8">Partenaires</a></div></li>
<li class="topitem last_button"><div class="buttonbg gradient_button gradient40" style="width: 102px;"><a class="button_9">Liens utiles<br /></a></div></li>
</ul>
<!-- Menus will work without this javascript file. It is used only for extra
effects, improved usability and compatibility with very old web browsers. -->
<script type="text/javascript" src="mbjsmb8m0i.js"></script>
Votre Navigateur : Mozilla/5.0 (Windows NT 6.1; WOW64; rv:25.0) Gecko/20100101 Firefox/25.0

Votre Navigateur : Mozilla/5.0 (Windows NT 6.0; rv:25.0) Gecko/20100101 Firefox/25.0

chriss.. a écrit :

Minaa a écrit :Voici le code HTML du menu que j'ai crée avec Easy CSS MENU :

<link rel="stylesheet" href="mbcsmb8m0i.css" type="text/css" />

cette ligne est à mettre entre les balises <head> </head>. Le fichier mbcsmb8m0i.css est à mettre dans le même répertoire que le fichier html, soit normalement index.html
Et ce qui suis est à mettre à la place deS <table>

<!-- Navigation menus created with the free version of Easy CSS Menu downloaded from http://www.easycssmenu.com
You are free to use this menu code for personal, non-commercial use only. Any other use is a serious violation of copyright laws.
You are required to retain this comment block in your website code in an unchanged fashion.
The above limitations do not apply on menus created with the paid version of the software. -->
<ul id="mb8m0iebul_table" class="mb8m0iebul_menulist css_menu" style="width: 1227px; height: 40px;">
<li class="topitem spaced_li first_button"><div class="buttonbg gradient_button gradient40" style="width: 77px;"><a target="_blank" class="button_1">Accueil</a></div></li>
<li class="topitem spaced_li"><div class="buttonbg gradient_button gradient40"><div class="arrow"><a>La Maison de l'Europe de Lot-et-Garonne</a></div></div>
<ul class="gradient_menu gradient174">
<li class="gradient_menuitem gradient29 first_item"><a title="">Présentation</a></li>
<li class="gradient_menuitem gradient29"><a title="">Historique</a></li>
<li class="gradient_menuitem gradient29"><a title="">L'équipe</a></li>
<li class="gradient_menuitem gradient29"><a title="">Infos pratiques</a></li>
<li class="gradient_menuitem gradient29"><a title="">Adhérer</a></li>
<li class="gradient_menuitem gradient29 last_item"><a title="">Archives</a></li>
</ul></li>
<li class="topitem spaced_li"><div class="buttonbg gradient_button gradient40" style="width: 131px;"><div class="arrow"><a>Europe Direct</a></div></div>
<ul class="gradient_menu gradient58">
<li class="gradient_menuitem gradient29 first_item"><a title="">Présentation</a></li>
<li class="gradient_menuitem gradient29 last_item"><a title="">Documentation</a></li>
</ul></li>
<li class="topitem spaced_li"><div class="buttonbg gradient_button gradient40" style="width: 98px;"><div class="arrow"><a>Agenda <br /></a></div></div>
<ul class="gradient_menu gradient58">
<li class="gradient_menuitem gradient29 first_item"><a title="">Evénements à venir</a></li>
<li class="gradient_menuitem gradient29 last_item"><a title="">Evénements passés</a></li>
</ul></li>
<li class="topitem spaced_li"><div class="buttonbg gradient_button gradient40" style="width: 159px;"><div class="arrow"><a>Cours de langues&nbsp;</a></div></div>
<ul class="gradient_menu gradient58">
<li class="gradient_menuitem gradient29 first_item"><a title="">Anglais</a></li>
<li class="gradient_menuitem gradient29 last_item"><a title="">Tarifs</a></li>
</ul></li>
<li class="topitem spaced_li"><div class="buttonbg gradient_button gradient40" style="width: 124px;"><div class="arrow"><a>Nos activités<br /><br /></a></div></div>
<ul class="gradient_menu gradient58">
<li class="gradient_menuitem gradient29 first_item"><a title="">Nos animations</a></li>
<li class="gradient_menuitem gradient29 last_item"><a title="">Nos actions</a></li>
</ul></li>
<li class="topitem spaced_li"><div class="buttonbg gradient_button gradient40" style="width: 128px;"><a class="button_7">Galeries vidéos</a></div></li>
<li class="topitem spaced_li"><div class="buttonbg gradient_button gradient40" style="width: 103px;"><a class="button_8">Partenaires</a></div></li>
<li class="topitem last_button"><div class="buttonbg gradient_button gradient40" style="width: 102px;"><a class="button_9">Liens utiles<br /></a></div></li>
</ul>
<!-- Menus will work without this javascript file. It is used only for extra
effects, improved usability and compatibility with very old web browsers. -->
<script type="text/javascript" src="mbjsmb8m0i.js"></script>
Votre Navigateur : Mozilla/5.0 (Windows NT 6.1; WOW64; rv:25.0) Gecko/20100101 Firefox/25.0

Votre Navigateur : Mozilla/5.0 (Windows NT 6.0; rv:25.0) Gecko/20100101 Firefox/25.0

D'accord alors j'ai compris que je mettais donc en premier
<head> <link rel="stylesheet" href="mbcsmb8m0i.css" type="text/css" />
</head>

Puis le reste du code. Le menu enregistré je le mets dans le même fichier ou il y a ma page index.html, ça c'est bon.

Puis je mets le reste du code je le mettre entre <table> et </table> ou il faut que je reprends en plus des <table> tout menu et tout sous-menus ?
Votre Navigateur : Mozilla/5.0 (Windows NT 6.1; WOW64; rv:25.0) Gecko/20100101 Firefox/25.0

bonjour,

Puis je mets le reste du code je le mettre entre <table> et </table> ou il faut que je reprends en plus des <table> tout menu et tout sous-menus ?

NON ! supprime les 2 premières <table> jusqu'a "mot du président" (sans l'effacer) et met le menu à la place.
suis je clair?
Votre Navigateur : Mozilla/5.0 (Windows NT 6.0; rv:25.0) Gecko/20100101 Firefox/25.0

chriss.. a écrit :bonjour,

Puis je mets le reste du code je le mettre entre <table> et </table> ou il faut que je reprends en plus des <table> tout menu et tout sous-menus ?

NON ! supprime les 2 premières <table> jusqu'a "mot du président" (sans l'effacer) et met le menu à la place.
suis je clair?
Votre Navigateur : Mozilla/5.0 (Windows NT 6.0; rv:25.0) Gecko/20100101 Firefox/25.0

Bonour,

Je n'arrive pas à comprendre...

Peux-tu me recopier le code avec ce que tu me demandes ?? stp..

Mais la je bloque jai beau relire
Votre Navigateur : Mozilla/5.0 (Windows NT 6.1; WOW64; rv:25.0) Gecko/20100101 Firefox/25.0

VOICI LE BON CODE :

J'ai bien rajouter <head> et </head> comme tu m'as dit...
Votre Navigateur : Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/31.0.1650.57 Safari/537.36