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

[NuDub]

Bonsoir à toutes et tous.

Je vous remercie de l'aide et conseils que vous m'apporterez.

Donc pour infos je fais tous mes test en local.

Là je faisait un test de menu en CSS.

Et deux problème me vienne.

1)je sais pas où et quoi mettre pour appeler la feuille CSS car j'ai le menu mais pas le Style.
Toute fois j'ai bien mis un dossier MenCSS dans mon dossier du site et j'ai un dossier avec l'image mais je sais pas trop ou le mettre.
Je veux : dois je mettre le dossier image dans le dossier CSS ou a la racine du site et comment faire appelé cette image.
Pour l'image je vien de voir ou je devais mettre l'url.

Donc ensuite je met mes titre de menu a moi puis l'url de la page et j'ai mis target "top" mais il va pas a la page, il commence a me l'afficher presque comme un iFrame, bizarre.

Donc je suis un peu perdu.

Le code source HTML

Code: Tout sélectionner

                  <div class="outer">   
   <div id="menu">
      <ul>
      <li><a href="#" target="_self">sample</a></li>
      <li><a href="#" target="_self">sample</a></li>
      <li><a href="#" target="_self">sample</a></li>
      <li><a href="#" target="_self">sample</a></li>
      <li><a href="#" target="_self">sample</a></li>
   </ul>
</div>
</div>

Le code source CSS

Code: Tout sélectionner

/*        V2        */
.outer{
   list-style:none;
   margin:0px;
   padding:0px;
}

   
#menu {
   width: 200px;
   border-style: solid solid none solid;
   border-color: #94AA74;
   border-width: 1px;

   }
#menu ul{
   list-style:none;
   margin:0px;
   padding:0px;
   }
   
#menu li a {
   height: 32px;
     voice-family: "\"}\"";
     voice-family: inherit;
     height: 24px;
   text-decoration: none;
   font-weight:normal;
   }   
   
#menu li a:link, #menu li a:visited {
   color: #FFFFFF;
   display: block;
   background: url(images/v6.gif);
   background-repeat:no-repeat;
   padding: 8px 0 0 50px;
   }
   
#menu li a:hover {
   color: #666666;
   background: url(images/v6.gif) 0 -32px;
   background-repeat:no-repeat;
   padding: 8px 0 0 50px;
   }
   
#menu li a:active {
   color: #666666;
   background: url(images/v6.gif) 0 -64px;
   background-repeat:no-repeat;
   padding: 8px 0 0 50px;
   }         

Et il y a une image pour aller avec ces deux code elle s'appelle v6.gif.

PS: j'ai fais un ajout d'un logiciel, c'est Simple CSS que je trouve bien surtout là pour faire des modif ou créer même.

Merci pour les éclaircissement que vous pourrez m'apporter et le temps que vous pourrez me consacrer.
Amicalement.

[Marc]

tu mets un dossier appelé "vrac" à la racine de ton site à côté de ta page index.html et de ton dossier site.
dans ce dossier vrac tu mets ton fichier.css et ton dossier "images"

tu mets dans la partie head de ton code à inserer dns un fragment HTML

• soit un lien relatif vers le fichier.css
  

  Code: Tout sélectionner

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

  
  valable pour une page normale bienvenue, vide, fiche personnelle, Film, Photos (en dehors d'un album)
  pour les autres pages faut ajouter plus de "../" (et 1 et 3 "../" supplémentaires)
• soit un lien absolu
  

  Code: Tout sélectionner

  <link rel="stylesheet" type="text/css"  href="http/www.monsite.com/vrac/fichier.css" />

pour les adresses des images
soit une adresse absolu

Code: Tout sélectionner

http/www.monsite.com/vrac/images/image1.png

soit une adresse relative

Code: Tout sélectionner

../../../vrac/images/image1.png

valable pour une page normale bienvenue, vide, fiche personnelle, Film, Photos (en dehors d'un album)

[NuDub]

Merci beaucoup, de l'aide.
J'avais perséverer et j'ai réussi.

Ah j'ai compris mon autre soucis pour l'apparition des autre menu.
La taille du widget ne s'adapte pas , il faut prévoir avant.

Bon il faut que je vois avec simple CSS si je peux réadapter la taille de l'emsemble, je veux dire que leur menu fait un petit carré et j'ai besoin que chaque menu soit espacé l'un de l'autre pour remplir un certain espace.

Merci pour le temps que vous m'accorder et vos conseil.

Amicalement.