Habillage de tableaux?

Habillage de tableaux? - HTML/CSS - Programmation

Marsh Posté le 27-05-2005 à 10:25:16    

En appliquant XHTML/CSS on fait tellement la chasse au tableaux que j'ai bien du mal à trouver des infos sur l'usage et l'habillage d'un tableau à l'aide de CSS...  
 
J'ai des données à rendre dans un tableau et j'ai bien du mal à les rendre XHTML 1.0 Strict compatible ( nottament trouver l'équivalent des align, valign et autres width), j'aimerais voir des exemples comment habiller tout ça proprement...  
 
Merci d'avance  :hello:

Reply

Marsh Posté le 27-05-2005 à 10:25:16   

Reply

Marsh Posté le 27-05-2005 à 10:27:59    

Align -> text-align
VAlign -> vertical-align
Width -> width
 
[:spamafote]

Reply

Marsh Posté le 27-05-2005 à 10:54:11    

tout ca dans  
 

Code :
  1. table
  2. {
  3. ...
  4. }


---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
Reply

Marsh Posté le 27-05-2005 à 11:16:51    

merci, j'étais sur la bonne voie...  :jap:

Reply

Marsh Posté le 27-05-2005 à 12:05:03    

Code :
  1. <table width="80%">
  2. <tr>
  3. <td valign="top" width="25%">
  4. <i>PRP</i></td>
  5. <td valign="top" width="5%">:</td>
  6. <td valign="top" width="70%">... description...</td>
  7. </tr>
  8. </table>


 
A part faire une classe par colonne, comment attribuer les largueurs de colonnes en CSS?
 
Il me semble que les sélecteurs ne permettent pas d'indiquer le no. d'ordre ( càd. le premier td dans table par exemple).

Reply

Marsh Posté le 27-05-2005 à 12:07:20    

Pour le width, tu peux le définir sur uniquement les <td> dans le tout premier <tr> du tableau. Ou via les colgroup.
 
Pour les sélecteurs, on peut sélectionner un élément via son ordre :

tr td + td + td


Pour le troisième td par exemple. Mais c'est pas geré par IE :(

Reply

Marsh Posté le 27-05-2005 à 12:45:50    

FlorentG a écrit :

Pour le width, tu peux le définir sur uniquement les <td> dans le tout premier <tr> du tableau. Ou via les colgroup.
 
Pour les sélecteurs, on peut sélectionner un élément via son ordre :

tr td + td + td


Pour le troisième td par exemple. Mais c'est pas geré par IE :(


 
 :jap: Bon ben une classe par colonne alors... sinon c'était bien vu le td + td, mais on fait comment pour le premier dans ce cas?


Message édité par avander le 27-05-2005 à 12:46:12
Reply

Marsh Posté le 27-05-2005 à 12:47:40    

tr:first-child


Pas géré par IE :D
 
Sinon pas besoin d'une classe sur chaque td. Tu définis un colgroup avec des col dedans, et tu met la classe sur eux. Mais je crois pas que ce soit géré par IE, mais on s'en branle

Reply

Marsh Posté le 27-05-2005 à 14:14:47    

Voila un petit exemple de ce que l'on peut faire avec les css et une table (lorsque cette derniere est justifie) :
http://www.moronicbajebus.com/play [...] mat-table/

Reply

Marsh Posté le 27-05-2005 à 14:16:58    

cerel a écrit :

Voila un petit exemple de ce que l'on peut faire avec les css et une table (lorsque cette derniere est justifie) :
http://www.moronicbajebus.com/play [...] mat-table/


C'est sûr que ça peut avoir son interêt. Et même si ça ne fonctionne pas sous IE, spatrograve, c'est juste la présentation qui change...

Reply

Marsh Posté le 27-05-2005 à 14:16:58   

Reply

Marsh Posté le 27-05-2005 à 14:43:22    

FlorentG a écrit :

Pour le width, tu peux le définir sur uniquement les <td> dans le tout premier <tr> du tableau. Ou via les colgroup.


 
ou simplement sur les <th>, pour autant qu'il y ait des titres de colonnes
 
Edit : c'est bien pratique pour donner un look différent aux titres, puis sémantiquement parlant c'est mieux aussi


Message édité par antp le 27-05-2005 à 14:44:22

---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Reply

Marsh Posté le 27-05-2005 à 14:46:21    

Effectivement :jap:

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed