[résolu]Menu vertical et horizontal |
|
| Voir le sujet précédent :: Voir le sujet suivant |
| Auteur |
Message |
Génius
flashmioche
 |
 [résolu]Menu vertical et horizontal , Posté le: 10-06-2004 15:37 |
|
|
Bonjour,
voila je me suis basé sur les exemples de sybelus pour les menu verticaux et horizontaux. Après les avoirs refait selon les besoins, c'est tip top. Mais je recontre un "problème".
- Je souhaite utiliser un menu vertical et un horizontal dans la même page. D'après ce que je vois, la différence ce passe dans le code du li
pour l'horizontal c'est :
et pour le vertical c'est
| Code: |
| li {margin-bottom: 5px;} |
J'ai donc besoin de deux li non??? Ca me semble bisars alors je demande conseils 
Edit: Ha oui et je sais pas pourquoi les boutons du menu on une marge à gauche d'une 30taines de pixels à vu de nez... 
Merci d'avance... |
Dernière édition par Génius le 11-06-2004 10:37; édité 2 fois |
|
maddoc
frontpage mioche
 |
| [résolu]Menu vertical et horizontal , Posté le: 10-06-2004 18:27 |
|
|
Bonsoir,
Il suffit de mettre le menu horizontal dans une classe tel qu'à l'usage :
| Code: |
<div class="menuh">
...
</div>
|
et le menu vertical dans une classe tel qu'à l'usage :
| Code: |
<div class="menuv">
...
</div>
|
Puis de redéfinir les propriétés du tag li pour chaque classe :
| Code: |
.menuh li {
float: left;
}
.menuv li {
margin-bottom: 5px;
}
|
Je pense que cela devrait marcher mais je ne l'ai jamais essayé.
Par contre, j'ai utilisé un truc similaire sur le tag ul.
Tenez nous au courant.
Maddoc |
|
|
SIBELIUS
html mioche
 |
| [résolu]Menu vertical et horizontal , Posté le: 10-06-2004 20:34 |
|
|
| Génius a écrit: |
D'après ce que je vois, la différence ce passe dans le code du li
pour l'horizontal c'est :
et pour le vertical c'est
| Code: |
| li {margin-bottom: 5px;} |
|
Euh non, par défaut, si tu n'indiques rien, une liste est verticale. Float-left sert à positionner les éléments les uns à côtés des autres, donc à rendre ta liste horizontale.
Par contre, margin-bottom c'est simplement pour indiquer que je veux un espace en dessous de chaque lien, tout bêtement.
Tu as des modèles ici comprenant plusieurs menus différents :
http://www.alsacreations.com/articles/modeles/
| Citation: |
<div class="menuh">
...
</div> |
Par contre, il est déconseillé d'utiliser des conteneurs inutiles comme ce DIV : UL est un conteneur suffisant.
Il suffit de faire
| Code: |
<ul class="menuh">
...
</ul> |
|
|
|
Génius
flashmioche
|
| [résolu]Menu vertical et horizontal , Posté le: 11-06-2004 10:36 |
|
|
Merci à tout les deux j'ai reussi exactement ce dont j'avais besoin.
Merci  |
|
|
|
 ![Répondre au sujet à css:[résolu]Menu vertical et horizontal](templates/subSilver/images/lang_french/reply.gif) |
Accueil Forum
-> css |
Toutes les heures sont au format GMT + 1 Heure
|
| Page 1 sur 1 |
|
 S'enregistrer
 Profil
 Se connecter pour vérifier ses messages privés
 Rechercher
 Membres
 FAQ
 Connexion
|
