Discussion :

[sourivore]

Bonjour,

Voilà j'essaie de faire un tableau 3x1 sans utiliser <table>.

J'ai déclaré mon tableau comme suit:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
 
<div class='boitePrincipale'>
   <div class='boiteHG'>
   </div>
   <div class='boiteH'>
   </div>
   <div class='boiteHD'>
   </div>
</div>

Et mon CSS comme suit :

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
 
/*Boîte principale*/
.boitePrincipale  {
  width: 740px;
  margin-top: 50px;
}
/*****************/
/******BOITE******/
/*****************/
.boiteHG  {
  background-image: url(../Images/Global/boiteHG.png);
  background-repeat: no-repeat;
  width: 20px;
  height: 15px;
}
.boiteH  {
  background-image: url(../Images/Global/boiteH.png);
  background-repeat: repeat-x;
  height: 15px;
}
.boiteHD  {
  background-image: url(../Images/Global/boiteHD.png);
  background-repeat: no-repeat;
  width: 20px;
  height: 15px;
}

Mais je n'arrive pas à aligner les 3 cellules car elles sont les unes en dessous des autres, j'ai beau triturer avec des float ou des margin rien n'y fait.

Quelqu'un aurait-il la syntaxe correcte?

Merci

[sourivore]

En fait je viens de réussir en mettant un width à ma boiteH et en mettant un float left sur boiteHD et boiteH et un float right sur ma boiteHD.

Par contre je ne sais pas si c'est la meilleure solution étant donné que j'ai du savoir la largeur de ma boite H

[Kerod]

Tu as ce cours qui montre un bon exemple de tableau réalisé qu'avec du css : Simuler un tableau en CSS

[sourivore]

Pas mal je ne connaissais pas. Merci du lien!

[jobherzt]

juste par curiosité, est ce une bonne idee de simuler un tableau en CSS ? autant le respect des standards implique qu'il ne faut pas utiliser les tableaux pour la mise en page et/ou pour placer des éléments (car ca n'est pas leur rôle), autant pour présenter des données tabulées c'est a priori une bonne idée d'en utiliser, non ?

[roudoudouduo]

Le CSS ce n'est pas l'anti-tableau : si tu as besoin d'un tableau utilise le. Le tout c'est d'essayer de ne pas dériver les éléments de leur utilisation d'origine. Les tableaux étaient utilisées à tort et à travers pour faire de la présentation : c'est immonde les alignements étaient difficille et les tables dans les tables rendaient le code imbitable. Toutefois à l'origine le CSS était tellement mal implémenté qu'il n'y avait guère le choix

Se developpe le phénomène inverse, stupide, qui est de ne plus vouloir utilise les table du tout. Alors je vais poser la question comme cela : lorsque tu possèdes un tableur est ce que tu te dis : tiens si j'utilisais un traitement de texte pour faire mon tableau plutot que l'outil parfaitement adapté à la situation ? Je pense que la réponse à cette question devrait éclairer pas mal de monde