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 :

liste horizontale centrée


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Inscrit en
    Novembre 2007
    Messages
    176
    Détails du profil
    Informations forums :
    Inscription : Novembre 2007
    Messages : 176
    Par défaut liste horizontale centrée
    Salut,

    Pouvez vous m'aider à centrer cette liste. Je suis arrivé à la rendre horizontale. Il reste comment la centrer. Voici le code:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    <html>
     
    <head>
     
    <style type="text/css">
    .ele {
    	list-style-type: none;
    	border-style: solid;
    	border-width: 1px;
    	width: 18px;
    	height: 18px;
    	text-align: center;
    	float: left;
    	margin: 2px;
    }
     
    </style>
     
    </head>
     
    <body>
     
    <div style = "text-align: center;">
     
    <p>Ce texte est centré alors la liste doit etre centrée.</p>
     
    <ul>
    <li class = "ele">1</li>
    <li class = "ele">2</li>
    <li class = "ele">3</li>
     
    </ul>
     
    </body>
     
    </html>

    Merci d'avance

  2. #2
    Expert confirmé
    Avatar de vodiem
    Homme Profil pro
    Vivre
    Inscrit en
    Avril 2006
    Messages
    2 895
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 53
    Localisation : France, Bouches du Rhône (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Vivre
    Secteur : Conseil

    Informations forums :
    Inscription : Avril 2006
    Messages : 2 895
    Par défaut
    salut helpcomm,

    solus non cross-platform:
    Code CSS : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    ul {
        display: inline-block;
        margin: 0;
        padding: 0;
    }

    autrement:
    Code CSS : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    ul {
        margin: 0 auto;
        padding: 0;
        width: 72px;
    }

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

Discussions similaires

  1. [MediaWiki] Créer une liste horizontale ?
    Par byloute dans le forum EDI, CMS, Outils, Scripts et API
    Réponses: 2
    Dernier message: 04/06/2008, 10h01
  2. Faire passer une liste horizontale à la ligne
    Par Gizmil dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 19/11/2007, 16h40
  3. liste horizontale avec puce
    Par Clorish dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 21/06/2007, 15h06
  4. affichage des éléments d'une liste horizontalement
    Par progamer54 dans le forum JSF
    Réponses: 7
    Dernier message: 16/04/2007, 10h34
  5. [XHTML] Opera et les listes horizontales...
    Par crazy-spans dans le forum Balisage (X)HTML et validation W3C
    Réponses: 3
    Dernier message: 07/05/2006, 13h21

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