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 :

Placement de div


Sujet :

Positionnement en CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre habitué
    Profil pro
    Inscrit en
    Février 2009
    Messages
    9
    Détails du profil
    Informations personnelles :
    Localisation : France, Val d'Oise (Île de France)

    Informations forums :
    Inscription : Février 2009
    Messages : 9
    Par défaut Placement de div
    Bonjour à tous,

    Je précise tout de suite que je suis débutant. Voila mon problème.
    Dans le code ci-dessous, je voudrais que mes trois DIV s'affiche sur la même ligne et non pas les uns en dessous des autres comme actuellement.

    A terme, seul le div1 sera affiché au départ, celui_ci contient une liste déroulante et lorsqu'elle est renseignée, la seconde s'affiche et ainsi de suite. Je voudrais donc que quelque soit le nombre de DIV affichés, qu'ils soient toujours centrés.
    Code ------------------------------------------------------------

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    <table width="400" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td align="center">
    	<div id="div_1" style="width:100px">Liste 1</div>
    	<div id="div_2" style="width:100px">Liste 2</div>
    	<div id="div_3" style="width:100px">Liste 3</div>
    	</td>
      </tr>
    </table>

    Fin code ---------------------------------------------------------

    Merci d'avance pour votre aide.
    Peterpan78

  2. #2
    Membre Expert Avatar de HiRoN
    Homme Profil pro
    Développeur Web
    Inscrit en
    Août 2007
    Messages
    2 035
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Var (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Août 2007
    Messages : 2 035
    Par défaut
    Salut,

    Par exemple :

    Code HTML : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    <table border="1" width="400" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td>
    	<div id="container">
    		<div id="div_1" style="width:100px">Liste 1</div>
    		<div id="div_2" style="width:100px">Liste 2</div>
    		<div id="div_3" style="width:100px">Liste 3</div>
    	</div>
    </td>
    </tr>
    </table>

    Code CSS : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    #container { overflow:hidden; width:300px; margin:0 auto; }
    #div_1 { float:left; }
    #div_2 { float:left; }
    #div_3 { float:left; }

    Le problème est que pour centrer, il faut connaitre la largeur...

    Le tableau n'est pas vraiment utile (personnellement, j'aurai fais sans).
    <table> = affichage de données tabulaires : Ce n'est pas ton cas.
    Pensez à utiliser les ressources disponibles en Dev. Web :
    (x)HTML : Cours (X)HTML / FAQ (X)HTML
    CSS : Cours CSS / FAQ CSS / Galerie CSS
    Javascript : Cours / FAQ / Sources
    Mon site : Développeur Web Freelance

  3. #3
    Membre habitué
    Profil pro
    Inscrit en
    Février 2009
    Messages
    9
    Détails du profil
    Informations personnelles :
    Localisation : France, Val d'Oise (Île de France)

    Informations forums :
    Inscription : Février 2009
    Messages : 9
    Par défaut Re:Re
    Merci pour ta réponse, ca me permet d'afficher les div les uns à coté des autres.
    Mais comment je fait pour qu'ils soient toujours alignés quelques soit le nombre de div 1,2 ou 3 ?

    Merci d'avance.

Discussions similaires

  1. Problème de placement de DIV
    Par SebastienM dans le forum Mise en page CSS
    Réponses: 1
    Dernier message: 07/05/2008, 16h01
  2. Probleme de placement de div
    Par KeKeMaN dans le forum Balisage (X)HTML et validation W3C
    Réponses: 15
    Dernier message: 31/05/2006, 17h57
  3. Problèmes de placement de div sous ie
    Par KeKeMaN dans le forum Balisage (X)HTML et validation W3C
    Réponses: 5
    Dernier message: 17/05/2006, 12h09
  4. [HTML] Placement de DIV # selon IE ou FF
    Par cbroissa dans le forum Balisage (X)HTML et validation W3C
    Réponses: 4
    Dernier message: 21/04/2006, 15h59
  5. placement des div
    Par samourai_alex dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 02/08/2005, 20h25

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