IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

<li> aligné l'un en dessous de l'autre


Sujet :

Positionnement en CSS avec z-index

Mode arborescent

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éprouvé
    Profil pro
    Inscrit en
    Juin 2007
    Messages
    1 571
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2007
    Messages : 1 571
    Par défaut <li> aligné l'un en dessous de l'autre
    Bonjour tout le monde,

    Je suis entrain de faire un site en HTML et dans ma page SOMMAIRE, je souhaite faire en sorte que les li soit bien aligné les un en dessous des autres mais je voit pas comment faire.

    Voici le code HTML :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    		<a href="javascript:void(0)" onClick="Affiche('sous-menu')">Les poèmes</a>
    		<ul id="sous-menu" style="display:none;">
    			<li><a href="LaVie_Poeme.html" id="li_poeme">La vie</a></li>
    			<li><a href="QuandL'AmourSurgit_Poeme.html" id="li_poeme">Quand l'amour surgit</a></li>
    			<li><a href="JeT'Aime_Poeme.html">Je t'aime</a></li>
    			<li><a href="QuandMonCoeur_Poeme.html">Quand mon coeur</a></li>
    			<li><a href="JTMCommeUnFou_Poeme.html">JTM Comme un fou</a></li>
    			<li><a href="10MoisMagnifiques_Poeme.html">10 Mois Magnifiques</a></li>
    			<li><a href="Rabibochage_Poeme.html">Rabibochage</a></li>
    			<li><a href="DemandeFiancaille_Poeme.html">Demande en fiançaille</a></li>
    		</ul>
    Code javascript :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
        var ancienUL = null;
        function Affiche(nom) 
    	{
            fichier = document.getElementById(nom);
            if (fichier.style.display == "none" )
                fichier.style.display = "block";
            else
                fichier.style.display = "none";
            if (ancienUL != null)
    		{
                ancienUL.style.display = "none";
    			ancienUL = fichier;
    		}
        }
    Ci-joint, l'image qui représente ce que j'obtiens pour le moment.

    Comment puis-je faire pour que les liens qui sont en dessous de "La vie" soit bien aligné juste en dessous??

    Cordialement
    loicDu28
    Images attachées Images attachées  

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Aligner deux éléments l'un en dessous de l'autre
    Par Hilary dans le forum Mise en page CSS
    Réponses: 14
    Dernier message: 19/07/2010, 09h41
  2. Réponses: 2
    Dernier message: 31/10/2006, 08h51
  3. problème de div au dessous d'un autre
    Par nixonne dans le forum Balisage (X)HTML et validation W3C
    Réponses: 5
    Dernier message: 11/05/2006, 07h20
  4. [CSS] div l'un en dessous de l'autre
    Par Michel_57 dans le forum Mise en page CSS
    Réponses: 7
    Dernier message: 21/04/2006, 17h13
  5. Aligner un élément a gauche, et un autre à droite
    Par TommyWeb dans le forum Balisage (X)HTML et validation W3C
    Réponses: 3
    Dernier message: 21/09/2005, 15h32

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo