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 :

aligner plusieurs elements


Sujet :

Positionnement en CSS

  1. #1
    Membre confirmé
    Profil pro
    Inscrit en
    Mai 2010
    Messages
    112
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2010
    Messages : 112
    Par défaut aligner plusieurs elements
    Bonjour j’essaie d'aligner 4 éléments et je n'y arrive pas
    Pouvez m'aider dans cette quête , j'ai mis le code et mis le bout CSS que j'ai tenté mais sans succès
    d'avance merci


    Code html : 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
     <div class="content">
    <!--<form name="form_date_astreinte" method="post" action="traitement.php">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8"/>    !-->
    <label class="label">Renseignement sur un élève
    <form class="label" action="" method="get">
    <select class="label" name="lesPays">
    <?php
    while ($line = mysql_fetch_assoc($result)){
    echo '<option value="' . $line['id'] . '">' . $line['nom'] . ' ' . $line['prenom'] . '</option>';
        }
    ?>
    </select>
    </form>
    <label class="label">Début de l'astreinte
    <INPUT class="label" onclick="javascript:ds_sh(this);" id="input_debut_astreinte" name="date" readonly="readonly" style="cursor: text" /> </label> 
    <label class="label">Fin d'astreinte 
    <INPUT class="label" TYPE="text" id="input_fin_astreinte" ></label> 
    </DIV>


    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    .content{
        border:1px solid orange;
        background:url('images/bluec_30p.png');
        width:40%;
        -moz-border-radius:20px;
        -webkit-border-radius:20px;
        border-radius:20px;
        padding:20px;
        margin-top:20px;
    }
    label {
        display:inline;
        margin-top:10px;
     }

  2. #2
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 198
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 198
    Par défaut
    Bonjour,
    Bonjour j’essaie d'aligner 4 éléments et je n'y arrive pas
    pas bien clair comme problématique, côte à côte ou l'un dessous l'autre.

    Je tente quand même, d'après ton code
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    label {
        display: inline-block;
        margin-top: 10px;
    }

  3. #3
    Membre confirmé
    Profil pro
    Inscrit en
    Mai 2010
    Messages
    112
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2010
    Messages : 112
    Par défaut
    Bonjour
    tout d'abord merci de votre réponse
    en effet je désirerais que s'est 4 éléments soit sur la même ligne
    Cordialement

  4. #4
    Invité
    Invité(e)
    Par défaut
    Bonjour,
    ca va tout de suite mieux avec un code HTML correctement construit :
    Code html : 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
    <div class="content">
    	<form class="label" action="" method="get">
    		<label class="label">Renseignement sur un élève </label> 
    		<select class="label" name="lesPays">
    		<?php
                    while ($line = mysql_fetch_assoc($result)){
                            echo '<option value="' .$line['id']. '">' .$line['nom']. ' ' .$line['prenom']. '</option>';
                    }
                    ?>
    		</select>
    		<label class="label">Début de l'astreinte </label> 
    		<input class="label" onclick="javascript:ds_sh(this);" id="input_debut_astreinte" name="date" readonly="readonly" style="cursor: text" /> 
    		<label class="label">Fin d'astreinte </label>
    		<input class="label" TYPE="text" id="input_fin_astreinte" /> 
    	</form>
    </div>

  5. #5
    Membre confirmé
    Profil pro
    Inscrit en
    Mai 2010
    Messages
    112
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2010
    Messages : 112
    Par défaut
    Parfait
    encore et toujours
    Merci pour toute l'aide que vous apporté au débutant et le temps que vous prenez pour nous aider
    J'ai encore un petit soucis, j'ai un caractère � bizarre qui ce met à la place des é,è comment résoudre ce soucis

    Cordialement

  6. #6

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

Discussions similaires

  1. [XSL:~FO][FOP]appeler plusieurs éléments racine.
    Par atoila dans le forum XSL/XSLT/XPATH
    Réponses: 2
    Dernier message: 30/06/2006, 10h53
  2. Aligner plusieurs "form" horizontalement..
    Par vins25 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 8
    Dernier message: 15/01/2006, 09h24
  3. Aligner plusieurs images en 1 seules lignes
    Par guy2004 dans le forum Mise en page CSS
    Réponses: 10
    Dernier message: 19/11/2005, 15h08
  4. declarer plusieur elements dans une variable ?
    Par freebug dans le forum Décisions SGBD
    Réponses: 2
    Dernier message: 28/06/2005, 13h46

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