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

HTML Discussion :

[XHTML] div et span pour un tableau


Sujet :

HTML

  1. #1
    Membre du Club
    Inscrit en
    Juin 2005
    Messages
    86
    Détails du profil
    Informations forums :
    Inscription : Juin 2005
    Messages : 86
    Points : 52
    Points
    52
    Par défaut [XHTML] div et span pour un tableau
    bonjour,

    je débute en (x)html, et je voudrai faire un tableau avec les balises div et span, mais je n'obtiens pas le résultat que je voudrai...

    voici mon 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
     
     
                    <span class="colonne">
    			<div class="titre_colonne">
    				<p>titre_colonne_a</p>
    			</div>
    			<div class="element_colonne">
    				<p>
    					element_a1<br/>
    					element_a2<br/>
    					element_a3<br/>
    				</p>				
    			</div>			
    		</span>
     
    		<span class="colonne">
    			<div class="titre_colonne">
    				<p>titre_colonne_b</p>
    			</div>
    			<div class="element_colonne">
    				<p>
    					element_b1<br/>
    					element_b2<br/>
    					element_b3<br/>
    				</p>				
    			</div>			
    		</span>
    donc au lieu d'avoir 2 colonnes, avec chacune d'elle ayant un titre et ses éléments en dessous, j'ai 4 espaces les un en dessous des autres...

    est-ce que quelqu'un pourrait me dire ce qui ne va pas dans mon code??
    merci d'avance.

  2. #2
    Rédacteur
    Avatar de MasterOfChakhaL
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2004
    Messages
    2 147
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 44
    Localisation : France

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Juin 2004
    Messages : 2 147
    Points : 3 264
    Points
    3 264
    Par défaut
    salut,

    Pour faire un tableau, le plus simple est encore d'utiliser l'élément table...

    Sinon, tu n'as pas le droit de mettre d'élément bloc dans des éléments en lignes.
    span est un élément en ligne
    div est un élément bloc
    p est aussi un élément bloc, mais qui a la particularité de ne devoir contenir que des éléments en lignes
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    N'oubliez pas de cliquer sur quand votre question à trouvé une solution.

    Si vous n'avez pas encore lu les règles du club, mieux vaut tard que jamais!

  3. #3
    Membre du Club
    Inscrit en
    Juin 2005
    Messages
    86
    Détails du profil
    Informations forums :
    Inscription : Juin 2005
    Messages : 86
    Points : 52
    Points
    52
    Par défaut
    ok, merci.

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

Discussions similaires

  1. CSS pour un tableau dans du XHTML
    Par darkterreur dans le forum Mise en page CSS
    Réponses: 16
    Dernier message: 18/06/2010, 10h20
  2. préférer div ou span pour une position côte à côte
    Par Johan Senn dans le forum Mise en page CSS
    Réponses: 19
    Dernier message: 23/12/2008, 17h15
  3. div ou span au lieu de font?
    Par magic.goby dans le forum Balisage (X)HTML et validation W3C
    Réponses: 5
    Dernier message: 01/07/2005, 13h17
  4. pointeur pour un tableau 2d
    Par olive14 dans le forum C
    Réponses: 6
    Dernier message: 07/05/2005, 15h02
  5. [VB6] utilisation de Property LET / GET pour un tableau
    Par titounne dans le forum VB 6 et antérieur
    Réponses: 6
    Dernier message: 18/10/2004, 22h06

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