Your browser does not support CSS. If images appear below, please disregard them.
Connexion

iWeb Beginner Forum Iweb Beginner : Forum d'assistance sur Apple iWeb

FAQ Membres>M’enregistrer

  • Publicité

menu deroulant

Pour aller plus loin avec iWeb

Modérateurs: les9viesduchat, mutru, zepatente

Re: menu deroulant

Messagepar ThierryDidier57310 » Ven 24 Avr 2009 07:01

bonjour
Je vais decortiquer et tester tous ceci merci
Avatar de l’utilisateur
ThierryDidier57310
Débutant
Débutant
 
Messages: 17
Inscription: Sam 4 Avr 2009 09:36
Localisation: Bertrange
Votre version d'iWeb: iWeb 08
Votre hébergement: MobileMe

Publicité

Re: menu deroulant

Messagepar Marc » Ven 24 Avr 2009 07:05

ça c'est une bonne méthode pour tester le menu dans iWeb. Mais s'il ya beaucoup de pages à devoir afficher ce menu alors je conseille la méthode traditionnelle mais... il y aura de nombreuses modifications avec faire dans le code pour que le menu retrouve le chemin des des images.
Attention : Dans iWeb le code apparaitra comme une liste verticale, ce n'est qu'a la publication que le menu apparait horizontal, il faut penser à rogner la hauteur du widget à celle du menu et du sous-menu dans iWeb
Avatar de l’utilisateur
Marc
Génius
Génius
 
Messages: 1425
Inscription: Mar 17 Fév 2009 12:40
Votre version d'iWeb: IWeb 3.0.4
Votre hébergement: FTP

Re: menu deroulant

Messagepar ThierryDidier57310 » Ven 24 Avr 2009 10:14

bonjour
Le boulet!!Là je commence a me demander s'il ne faut pas etre expert pour construire un menu avec du css.,j'ai eu beau suivre les explications,inserer le code htlm,puis balancer le fichier image et le fichier css dans le dossier de la page concerné,sur mon idisk,mettre a jour,là ou je bute c'est qu'il faut entrer l'adresse dans le code htlm au debut du menu ...mais ...
voilà le bout de code

<head>
<link rel="stylesheet" type="text/css" href="/menu/menu_style.css" />
</head>

<div class="nav-container-outer">
<img src="/menu/images/nav-bg-l.jpg" alt="" class="float-left" />
<img src="/menu/images/nav-bg-r.jpg" alt="" class="float-right" />
<ul id="nav-container" class="nav-container">
<li><a class="item-primary" href="" target="_self">Notre Magasin</a>
<ul style="width:150px;">
<li><a href="" title="L equipe,Horaires,.." target="_self" >L equipe,Horaires,..</a></li>
</ul>
</li>
<li><span class="divider divider-vert" ></span></li>
<li><a class="item-primary" href="" target="_self">L equipement du vrai gamer</a>
<ul style="width:150px;">
<li><a href="" title="Choix de la Console" target="_self" >Choix de la Console</a></li>
<li><a href="" title="Les Accessoires" target="_self" >Les Accessoires</a></li>
<li><a href="" title="Le + inutile a posseder " target="_self" >Le + inutile a posseder </a></li>
</ul>
</li>
<li><span class="divider divider-vert" ></span></li>
<li><a class="item-primary" href="" target="_self">Jeux </a>
<ul style="width:150px;">
<li><a href="" title="Neuf ou..." target="_self" >Neuf ou...</a></li>
<li><a href="" title="Occase...." target="_self" >Occase....</a></li>
<li><a href="" title="Hit a venir" target="_self" >Hit a venir</a></li>
<li><a href="" title="Reservation" target="_self" >Reservation</a></li>
</ul>
</li>
<li><span class="divider divider-vert" ></span></li>
<li><a class="item-primary" href="" target="_self"></a>
<ul style="width:150px;">
<li><a href="" title="Telephone" target="_self" >Telephone</a></li>
<li><a href="" title="E-Mail" target="_self" >E-Mail</a></li>
<li><a href="" title="Pour les stagiaires :" target="_self" >Pour les stagiaires :</a></li>
</ul>
</li>
<li><span class="divider divider-vert" ></span></li>
<li><a class="item-primary" href="" target="_self"></a>
</li>
<li><span class="divider divider-vert" ></span></li>
<li><a class="item-primary" href="" target="_self">Nous contacter</a>
<ul style="width:150px;">
<li><a href="" title="Telephone" target="_self" >Telephone</a></li>
<li><a href="" title="E-Mail" target="_self" >E-Mail</a></li>
<li><a href="" title="Stagiaires :" target="_self" >Stagiaires :</a></li>
</ul>
</li>
<li><span class="divider divider-vert" ></span></li>
<li class="clear"> </li>
</ul>
</div>
dans le dossier telechargé on me dit de placer le dossier"menu" qui contient le css et image au niveau directory de mon site ,sur mon idisk (bureau) c'est bien le dossier principal de mon site?
Avatar de l’utilisateur
ThierryDidier57310
Débutant
Débutant
 
Messages: 17
Inscription: Sam 4 Avr 2009 09:36
Localisation: Bertrange
Votre version d'iWeb: iWeb 08
Votre hébergement: MobileMe

Re: menu deroulant

Messagepar Marc » Ven 24 Avr 2009 11:25

Voyons ce que j'ai écrit précédemment
Marc a écrit:changement de méthode, j'ai laissé tomber tout ce qui a été dit au dessus :

et voilà dans ce que j'ai changé ce qui n'a pas été respecté dans ton code à moins que je me trompe:
il s'agit de la deuxième ligne de ton extrait de code
Marc a écrit:le chemin du fichier style CSS n'est plus à changer, on ne touche plus à la ligne suivante
Code: Tout sélectionner
<link href="style.css" rel="stylesheet" type="text/css" />

:mrgreen:
Je lis dans ton code
Code: Tout sélectionner
href="/menu/menu_style.css"

Ça, ça veut dire que dans le dossier homonyme de ta page "ta_page_files", tu as mis un dossier appelé "menu" dans lequel il y a une page "menu_style.css",
Est ce vraiment cela que tu as fait? et encore... le "/" au début me gène.
si c'est seulement une page "menu_style.css" que tu as mis dans le dossier "ta_page_files" alors le code correct sera
Code: Tout sélectionner
href="menu_style.css"
à la place de
Code: Tout sélectionner
href="/menu/menu_style.css"


Ps: merci d'utiliser les balises "code" quand vous mettez un bout de code HTML sur le Forum
Avatar de l’utilisateur
Marc
Génius
Génius
 
Messages: 1425
Inscription: Mar 17 Fév 2009 12:40
Votre version d'iWeb: IWeb 3.0.4
Votre hébergement: FTP

Re: menu deroulant

Messagepar ThierryDidier57310 » Ven 24 Avr 2009 17:24

bonsoir
Je suis décu rien ne fonctionne ,le css est peut etre genial mais moi je galere pour poser un simple menu.J ai bien le code htlm,jai testé la methode ci dessus,sortirle fichierimage et css et les placer dans le dossier de la page ou se trouve mon menu,corriger l'adresse et mettre a jour idisk,tester le site =meme resultat =menu vertical bleu affreux.Si quelqu'un a le courage de m'aider qu'il en soit remercier davance
Avatar de l’utilisateur
ThierryDidier57310
Débutant
Débutant
 
Messages: 17
Inscription: Sam 4 Avr 2009 09:36
Localisation: Bertrange
Votre version d'iWeb: iWeb 08
Votre hébergement: MobileMe

Re: menu deroulant

Messagepar zepatente » Ven 24 Avr 2009 23:26

Bonsoir,

pour toutes les adresses de fichiers ou d'images que çà soit dans le html , css ou js , je vous conseilles d'écrire le chemin en entier et pas juste "/menu" . mais je mais le tout c'est a dire "http://monsite.bidule/mon repertoire/monfichier"

@+
N'oubliez pas de venir vous présenter aux autres membres dans la rubrique "venez vous présenter" ainsi que vos sites conçus sous iweb

Aucune assistance n'est assurée via MP
Avatar de l’utilisateur
zepatente
Administrateur du site
Administrateur du site
 
Messages: 5569
Inscription: Lun 7 Avr 2008 10:58
Localisation: Québec
Votre OS: Lion
Votre version d'iWeb: iWeb 09
Votre hébergement: MobileMe

Re: menu deroulant

Messagepar Marc » Sam 25 Avr 2009 03:15

Si au moins on avais le lien de ta page pour pouvoir corriger et t'expliquer ....
Avatar de l’utilisateur
Marc
Génius
Génius
 
Messages: 1425
Inscription: Mar 17 Fév 2009 12:40
Votre version d'iWeb: IWeb 3.0.4
Votre hébergement: FTP

Re: menu deroulant

Messagepar ThierryDidier57310 » Sam 25 Avr 2009 03:24

Bonjour
J'ai copié le code htlm de mon menu dans un fragment htlm sur une page ,je l'ai enregistré,Je publie sur mon compte .me.La feuille ,est bien présente dans le répertoire de mon site,dans le dossier de mon idisk.
J ai refais synchroniser mon idisk,pour être plus sur,je vérifie le site ,la page est là mais je n'ai encore pas changé l'adresse dans le code htlm,c'est bien normal que le menu soit vertical en bleu ,je suis d"accord jusqu'ici rien de faux.Je copie le dossier image et le fichier .css dans le dossier de ma page concerné sur mon idisk ,dossier de la page.je refais synchroniser l'idisk,la synchro est bien faite les fichiers sont bien présents sur mon compte .me
Je corrige l'adresse mal écrite
"code"
href="/menu/menu_style.css"
en
"code"
href="menu_style.css"
dans le fragment htlm,j'enregistre et je refais une synchro idisk.
sorry....là je viens de voir mon menu apparaitre sur mon site,
Merci a tous de votre aide ,merci
ThyDid57310
Avatar de l’utilisateur
ThierryDidier57310
Débutant
Débutant
 
Messages: 17
Inscription: Sam 4 Avr 2009 09:36
Localisation: Bertrange
Votre version d'iWeb: iWeb 08
Votre hébergement: MobileMe

Re: menu deroulant

Messagepar ThierryDidier57310 » Sam 25 Avr 2009 09:08

Re bonjour
Comment peut on expliquer que le dossier image et le fichier style css puissent etre present sur mon idisk,cosulter le site et se rendre compte qu'il ne se presente pas comme prevu et lorsqu'je consulte mon compte .me,lefichier et le dossier disparaissent devant mes yeux comme si on les effacait
Avatar de l’utilisateur
ThierryDidier57310
Débutant
Débutant
 
Messages: 17
Inscription: Sam 4 Avr 2009 09:36
Localisation: Bertrange
Votre version d'iWeb: iWeb 08
Votre hébergement: MobileMe

Re: menu deroulant

Messagepar zepatente » Sam 25 Avr 2009 12:16

Bonjour,

si vous voulez donner moi ci ou en privé , l'adresse de votre idisk je vous donnerais les liens à mettre

@+
N'oubliez pas de venir vous présenter aux autres membres dans la rubrique "venez vous présenter" ainsi que vos sites conçus sous iweb

Aucune assistance n'est assurée via MP
Avatar de l’utilisateur
zepatente
Administrateur du site
Administrateur du site
 
Messages: 5569
Inscription: Lun 7 Avr 2008 10:58
Localisation: Québec
Votre OS: Lion
Votre version d'iWeb: iWeb 09
Votre hébergement: MobileMe

Précédente

Retourner vers Code HTML

Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 4 invités