Un menu css avec sous menu horizontal
Bonjour,
Je ne suis pas très douée en menu css, et j'aimerais savoir comment faire 2 choses, pour 2 sous menus différents:
- réduire la taille des sous-menus verticaux, qu'ils ne soient pas aussi larges que le menu initial,
- faire passer le sous menu en ligne horizontale sur toute la longueur
voici l'exemple
http://jacquin.sophie.free.fr/&/MITCHARTERING/MENU/menu.html
merci pour votre aide:))
Je ne suis pas très douée en menu css, et j'aimerais savoir comment faire 2 choses, pour 2 sous menus différents:
- réduire la taille des sous-menus verticaux, qu'ils ne soient pas aussi larges que le menu initial,
- faire passer le sous menu en ligne horizontale sur toute la longueur
voici l'exemple
http://jacquin.sophie.free.fr/&/MITCHARTERING/MENU/menu.html
merci pour votre aide:))
Configuration: Windows XP Firefox 3.0.4
6 réponses
-
je vois que ma question ne passionne pas les foules...!
autre question supplémentaire:
qu'est ce qui peut faire que mon menu fonctionne tb sur une page vierge,
et qd je le met dans la page index, il bugge et ne peut pas faire descendre correctement les sous-menus, ils restent pour moitié accrochés au menu de base...sous firefox et sous IE? -
Salut Evanne
Pour régler la largeur des sous menus il suffit de rajouter une ou 2 ligne dans le CSS
Pour te donner une idée :
<div class="horizontalcssmenu" >
<ul id="cssmenu1">
<li><a href="index.php"><center>Accueil</center></a></li>
<li><a href="#" ><center>Direction</center></a>
<ul>
<li><a href="a.php">Direction </a></li>
</ul>
</li>
</ul>
</div>
et le CSS pour régler la taille de tes sous-menus c'est le width :
.horizontalcssmenu ul li ul li a{
width: 180px; /*taille en longueur des sous-menus*/
}
@+ -
ContributeurSalut Evanne,
Si t'a t'interresse, je te passerai un menu tout pret à l'emploi. Il n'est pas de moi mais peut etre utilisé à condition de laisser le nom de l'auteur.
Ce menu peut etre vertical ou horizontal.
Je tacherai de te l'envoyer ce soir, depuis la maison. Il se trouve actuellement sur le site: http://pottokadantzan.free.fr
Bien sur, il est entièrement paramétrable, couleur, largeur etc.... ainsi que les sous-menu.
Tu pourra soit les mettre en largeur auto (ne fonctionne pas avec IE) sous avec une largeur spécifiée en pixels ou pourcentage.
-
merci pour ta réponse, tu es bien le seul!
un peu décevant par moment ce forum.
J'ai enfin réussi à déboguer mon menu, en fait il lui manquait le doctype en haut de la page...pour bien vouloir fonctionner avec une page déjà créée sans doctype,
et bizarrement, tout seul sur une page il marche bien, c'est à ne rien y comprendre!
Cordialement, -
-
-
Je suis dsl mais je n'ai pas d'exemples. Le site que je suis en train de créer et duquel j'ai tiré le petit morceau que je t'ai montré n'est pas encore en ligne.
-
Un code simple pour la base d'un menu horizontal en CSS / HTML :
http://codeunivers.com/codes/css/build_horizontal_menu -
