Probléme de menu

 
Tous vos problèmes et questions trouverons leur réponse sur ce forum.
Auteur Message
nks
Messages: 1

Probléme de menu

Messagede nks » 22 Mars 2013, 08:33

Bonjour.
Pour information, jusqu à présent mais connaissance en informatique s'était arrêtée au dos et au flapi disc, il se peut donc que je n'emploie pas fortement les bons termes, je m'en excuse par avence.
Je suis auto-entrepreneur, pour développer mon AE j'ai créé un site commercial via WIFEO. Pour la mise en page, la boutique en ligne, etc, pas de soucie majeure, le problème est au niveau du menu.
Les menus pres à l'emploi de WIFEO ne me permette pas de fair ce que je veux, j'ai donc desidé de passer en option menu libre, et là tout se complique.
Je voudrais un menu déroulent verticale à déploiement et sous déploiement horizontal, exemple:

rebrique 1
-------- déploiement 1
--------------------- déploiement 2
----------------------déploiement 2
----------------------déploiement 2
-------- déploiement 1
--------------------- déploiement 2
----------------------déploiement 2
----------------------déploiement 2
rebrique 1
ect ...

J'ai donc essaié de fair une structure HTML que voici:
<div id='cssmenu'>
<ul>
<li class='has-sub'><a href='index.html' target='_blank'><span>MENU</span></a>
<ul>
<li><a href='#'><span>ACCEUIL</span></a></li>
<li><a href='#'><span>UN MONTEUR ! pourquoi ?</span></a></li>
<li><a href='#'><span>LE CHOIS DES BON ELEMENTS</span></a></li>
<li class='last'><a href='#'><span>DEVIS GRATUIT</span></a></li>
</ul>
</li>
<li class='has-sub'><a href='#'><span>blanks</span></a>
<ul>
<li class='has-sub'><a href='#'><span>lancer</span></a>
<ul>
<li><a href='#'><span>mhx</span></a></li>
<li><a href='#'><span>batson</span></a></li>
<li><a href='#'><span>t.russel</span></a></li>
<li><a href='#'><span>NFC</span></a></li>
<li class='last'><a href='#'><span>st croix</span></a></li>
</ul>
</li>
<li class='has-sub'><a href='#'><span>jig</span></a>
<ul>
<li><a href='#'><span>crb</span></a></li>
<li class='last'><a href='#'><span>batson</span></a></li>
</ul>
</li>
<li class='has-sub'><a href='#'><span>mouche</span></a>
<ul>
<li><a href='#'><span>sage</span></a></li>
<li><a href='#'><span>r.L.WINSTON</span></a></li>
<li><a href='#'><span>ST CROIX</span></a></li>
<li><a href='#'><span>LE CHOIS DES BON ELEMENTS</span></a></li>
<li><a href='#'><span>ACCEUIL</span></a></li>
<li class='last'><a href='#'><span>NFC</span></a></li>
</ul>
</li>
<li class='has-sub'><a href='#'><span>CARPE</span></a>
<ul>
<li><a href='#'><span>Item</span></a></li>
<li class='last'><a href='#'><span>Item</span></a></li>
</ul>
</li>
</ul>
</li>
<li class='has-sub last'><a href='#'><span>ANNEAUX</span></a>
<ul>
<li class='has-sub'><a href='#'><span>SCION</span></a>
<ul>
<li><a href='#'><span>SIC</span></a></li>
<li><a href='#'><span>ALCONITE</span></a></li>
<li class='last'><a href='#'><span>AUTRE</span></a></li>
</ul>
</li>
</ul>
</li>
</ul>
</div>


Mais ça ne fonctionne pas. Je n'arrive pas non plus à y lier ma CSS ,J'ai donc deux questions : pourquoi ça ne fonctionne pas et comment intégrer les infos de la CSS directement dans le script HTML.
Merci pour vos reponce.
Cordialement
David
NKS
SachaValentine
Avatar de l’utilisateur
Administrateur
Messages: 16

Re: Probléme de menu

Messagede SachaValentine » 25 Mars 2013, 09:25

Bonjour !

Il faudrait que tu postes le css correspondant au menu.

Sinon pour intégrer un CSS à une page HTML, 2 solutions :
- Ă©crire ton CSS entre deux balises style dans ton head :
Code : Tout sélectionner
<html>
    <head>
        <meta content="text/html; charset=iso-8859-1" http-equiv="Content-Type">
        <title>Test</title>

         <style type="text/css">
             /*ton CSS ICI*/
             body, table tr td {
                font-family: arial;
                font-size: 12px;
         </style>
    ...
   </head>

- ou en passant par un fichier css externe que tu appelles dans le head aussi (meilleurs soluction):
Code : Tout sélectionner
<html>
    <head>
        <meta content="text/html; charset=iso-8859-1" http-equiv="Content-Type">
        <title>Test</title>

        <link rel="stylesheet" media="screen" type="text/css" href="tonChemin/style.css"/>
    ...
    </head>

Bien sûr il faut remplacer le "tonChemin/style.css" par l'emplacement de ton fichier CSS et son nom.
Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 1 invité

cron