Menu ul vertical

Discussion dans 'Développement d'un site Web ou d'une appli mobile' créé par Protanim, 25 Août 2005.

  1. Protanim
    Protanim WRInaute occasionnel
    Inscrit:
    2 Avril 2005
    Messages:
    254
    J'aime reçus:
    0
    Bonjour,

    J'aimerais obtenu le même résultat que ce menu horizontal mais en vertical.
    Que faut il remplacer ?

    Code:
    ul#menu
    {
    	height: 30px ;
    	margin: 0 ;
    	padding: 0 ;
    	list-style-type: none ;
    
    }
    
    ul#menu li
    {
    	float: left ;
    	text-align: center ;
    	background-image: url(images/b3.jpg');
    }
    
    ul#menu li a
    {
    	width: 87px ;
    	line-height: 30px ;
    	font-size: 11px;
    	font-family: Tahoma;
    	font-weight: bold ;
    	letter-spacing: 2px ;
    	color: #214E90 ;
    	display: block ;
    	text-decoration: none ;
    	border-right: 0px solid #dea ;
    }
    Merci beaucoup
     
  2. MarvinLeRouge
    MarvinLeRouge WRInaute impliqué
    Inscrit:
    1 Septembre 2004
    Messages:
    514
    J'aime reçus:
    0
    Salut,

    1) Si tu ne mets pas les li en float, ils se mettront les uns sous les autres
    2) Et ils occuperont toute la largeur de leur parent direct, puisque ce sont des éléments de type block

    (Eh non je ne donne pas de soluce toute faite ;))
     
  3. Luj
    Luj WRInaute occasionnel
    Inscrit:
    17 Juillet 2005
    Messages:
    295
    J'aime reçus:
    0
    c'est la ligne : "float: left ;" qui met les éléments bout à bout (en les alignant à gauche)

    question à voir : que fait le "display: block ;" ? peut être que ça joue aussi... je ne sais plus.

    pour ma part, je remercie encore les tutos d'alsacreations..
     
  4. Protanim
    Protanim WRInaute occasionnel
    Inscrit:
    2 Avril 2005
    Messages:
    254
    J'aime reçus:
    0
    Merci à vous deux ;)

    Je voulais pas de solution toute faite de toute façon, c'est le meilleur moyen pour ne pas apprendre et ne pas savoir refaire un truc. Alors t'as bien fait ;)
     
Chargement...
Similar Threads - Menu vertical Forum Date
MENU VERTICAL CSS (3 minis questions) Développement d'un site Web ou d'une appli mobile 4 Décembre 2014
menu css vertical avec longue liste Développement d'un site Web ou d'une appli mobile 16 Juin 2010
Menu déroulant vertical création selon book Dreamw. mais ?? Développement d'un site Web ou d'une appli mobile 25 Janvier 2008
Recherche menu vertical extensible Développement d'un site Web ou d'une appli mobile 2 Novembre 2007
js et menu vertical Développement d'un site Web ou d'une appli mobile 23 Novembre 2005
CSS et mise en forme (verticale Menu fixe + contenu) Administration d'un site Web 25 Février 2004
Pourquoi mon menu disparait sur mobile ? Développement d'un site Web ou d'une appli mobile 24 Juin 2022
Une page qui ne figure pas sur un menu Débuter en référencement 11 Avril 2022
Problème avec un menu en ajax via jquery Problèmes de référencement spécifiques à vos sites 6 Février 2022
Menu, liens et maillage du site Débuter en référencement 6 Janvier 2022
Optimisation d'une page : Titre du Site et Menu comment les inclure? Débuter en référencement 13 Septembre 2021
Obfuscation d'un mega menu Techniques avancées de référencement 6 Juillet 2021
Google mobile first index et menu Référencement Google 19 Mars 2021
Ne pas faire apparaître les sous-pages dans le menu : impact sur leur référencement ? Débuter en référencement 21 Février 2021
Menu pour mobiles et tablette Développement d'un site Web ou d'une appli mobile 19 Janvier 2021
Position 1 avec menu affiché Référencement Google 4 Janvier 2021
Etanchéité cocon sémantique et liens menus footer Netlinking, backlinks, liens et redirections 25 Octobre 2020
Menu qui disparait en version mobile Développement d'un site Web ou d'une appli mobile 9 Octobre 2020
site menuiserie Demandes d'avis et de conseils sur vos sites 27 Septembre 2020
Lien externe sponsorisé menu/page accueil Wordpress Débuter en référencement 9 Août 2020