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 :

Positionner des boutons dans une liste


Sujet :

Positionnement en CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé Avatar de Gizmil
    Profil pro
    Inscrit en
    Août 2007
    Messages
    163
    Détails du profil
    Informations personnelles :
    Âge : 47
    Localisation : Belgique

    Informations forums :
    Inscription : Août 2007
    Messages : 163
    Par défaut Positionner des boutons dans une liste
    Arrêtez-moi si je me trompe, j'ai cru comprendre que lorsqu'on crée une succession de boutons basés sur un même thème, il est utile de les placer dans des balises de liste. Est-ce que la chose est également d'application dans l'exemple que je vais donner, je ne sais pas exactement, mais ce que je sais, c'est que j'aurais tôt ou tard besoin de savoir le faire!

    Hors, là, je suis en mauvaise posture car je n'arrive pas à placer mes boutons correctement:

    http://www.studiocreapix.com/fr/index2.html

    J'ai mis le fond en rouge pour que vous voyez comment ils se placent dans ma div. J'aimerais plutôt qu'ils soient alignés, centrés horizontalement et bien espacés. Là, c'est plutôt raté! Donc, je viens vous demander de l'aide dans l'espoir que vous pourrez m'aider à créer cette mise en forme tout en les laissant dans des balises de liste.

    Mon code css:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    #contenerdrapeaux{
    	width:200px;
    	height:52px;
    	margin-left:auto;
    	margin-right:auto;
    	text-align:center;
    	background-color:#FF0000;
    	list-style-type:none;
    }
    .supprpuces{
    	list-style-type:none;
    }
    Merci d'avance si vous prenez le temps d'y jeter un oeil!

  2. #2
    Membre éclairé Avatar de frog43
    Profil pro
    Inscrit en
    Mars 2006
    Messages
    342
    Détails du profil
    Informations personnelles :
    Âge : 39
    Localisation : France

    Informations forums :
    Inscription : Mars 2006
    Messages : 342
    Par défaut
    Moi je veut bien essayer de regarder mais le lien ne marche pas

  3. #3
    Membre confirmé Avatar de Gizmil
    Profil pro
    Inscrit en
    Août 2007
    Messages
    163
    Détails du profil
    Informations personnelles :
    Âge : 47
    Localisation : Belgique

    Informations forums :
    Inscription : Août 2007
    Messages : 163
    Par défaut
    Oui, je suis désolé, mon problème est résolu en fait! J'avais une autre classe qui influait sur mon texte et que je n'avais pas repérée! Bref, une faute d'inattention mais qui était difficile à repérer!

    Merci quand même!

  4. #4
    Membre éclairé Avatar de frog43
    Profil pro
    Inscrit en
    Mars 2006
    Messages
    342
    Détails du profil
    Informations personnelles :
    Âge : 39
    Localisation : France

    Informations forums :
    Inscription : Mars 2006
    Messages : 342
    Par défaut
    ok, oublie pas !

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

Discussions similaires

  1. Positionner des boutons dans une liste
    Par Gizmil dans le forum Mise en page CSS
    Réponses: 1
    Dernier message: 14/11/2007, 23h03
  2. Pouvoir gérer les actions des boutons dans une classe
    Par Cyborg289 dans le forum Composants
    Réponses: 2
    Dernier message: 08/07/2005, 12h08
  3. [Lisp] Suppression des parenthèses dans une liste
    Par bourdaillet dans le forum Lisp
    Réponses: 3
    Dernier message: 19/12/2004, 21h02
  4. [langage] Comment rajouter des champs dans une liste
    Par toto_titi dans le forum Langage
    Réponses: 4
    Dernier message: 28/08/2003, 14h09

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