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 :

Organisation de blocs div


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Profil pro
    Inscrit en
    Mars 2008
    Messages
    227
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2008
    Messages : 227
    Par défaut Organisation de blocs div
    Bonjour.
    Je crée des balises div que j'appelle par exemple:
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    <div>t11</div><div>t12</div><div>t13</div><div>t21</div><div>t22</div><div>t23</div>
    Elles sont forcément écrites dans cet ordre et j'aimerais qu'à l'affichage, j'obtienne ceci:
    t11 t21
    t12 t22
    t13 t23

    Est-ce qu'on peut le faire avec du CSS et si oui, comment?
    PS: j'aimerais que ça fonctionne comme un tableau: si le bloc t11 par exemple contient plus de lignes que le bloc t21, alors les premières lignes de t12 et t22 sont quand même alignées.
    Merci.

  2. #2
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 931
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 931
    Par défaut
    Tu peux englober les t1x et les t2x séparément par un autre div (attention à ne pas tomber dans l'excès) sur lesquels tu mets un float:left.

  3. #3
    Membre confirmé
    Profil pro
    Inscrit en
    Mars 2008
    Messages
    227
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2008
    Messages : 227
    Par défaut
    Merci pour ta téponse.
    Mais si par exemple le premier bloc contient deux lignes (t11 et t11) alors je n'ai pas l'alignement horizontal entre les blocs t12 et t22 comme dans un tableau: j'obtiens ceci

    t11 t21
    t11 t22
    t12 t23
    t13

    au lieu de
    t11 t21
    t11
    t12 t22
    t13 t23

    Comment faire?
    Merci.

  4. #4
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 931
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 931
    Par défaut
    Ah pardon, je n'avais pas compris ça comme ça. Ce n'est pas possible avec l'ordre de tes div.

Discussions similaires

  1. [CSS] Placement "bancal" de blocs div
    Par unicyclon dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 22/09/2005, 10h25
  2. [Débutant] Centrer un bloc DIV sous IE
    Par Amon dans le forum Balisage (X)HTML et validation W3C
    Réponses: 1
    Dernier message: 22/09/2005, 00h31
  3. [CSS][Débutant]Alonger un bloc div jusqu'en bas de la page
    Par Thomzz dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 07/09/2005, 22h58
  4. probleme espace dans bloc div
    Par piff62 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 6
    Dernier message: 29/04/2005, 16h39
  5. faire un effet de transparence sur un bloc div ?
    Par piff62 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 6
    Dernier message: 08/03/2005, 00h04

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