[CSS] Mise en forme tableau

Marsh Posté le 21-02-2006 à 12:21:14

:hello:

voilà je suis un mega newb en CSS....et je tente de mettre en forme un tableau avec les css :cry:

voici le résultat que j'aimerais :

voici mon code :

Code :

<table> <--- style="border-style:solid;"
<tr> <--- style="border-style:solid;"
<td>Colonne1</td>
<td>Colonne2</td>
</tr>
<tr>
<td>Blabla...</td>
<td>Blabla...</td>
</tr>
...etc

les fleches indiquent ce que je pense mettre...donc le tour du tableau ca ca va
par contre j'ai voulu mettre pareil sur la premiere ligne mais ca marche pas ca fait bien le contour du table mais pas du premier tr
si quelqu'un pouvait m'aider :whistle:

merci [:ciler]

Reply

Marsh Posté le 21-02-2006 à 12:21:14

Reply

Marsh Posté le 21-02-2006 à 13:19:55

le plus simple (je trouve) pour faire ca, c'est de donner un background noir a ta table, un blanc a tes td, et un espacement de 1 entre les tds:

<table style="background:#000000" cellspacing="1">
<tr><td style="background:#ffffff">texte</td></tr>
</table>

---------------
Hebergement Web - Annuaire et forums indépendants - Notez votre hébergeur!

Reply

Marsh Posté le 21-02-2006 à 13:58:40

ce sont des donnés tabulaires que tu vas mettre dedans ?

si non: ben c'est pas des tableaux qu'il faut mettre

et les attributs de style se mettent à part dans un fichier .css

Reply

Marsh Posté le 21-02-2006 à 14:02:42

+1 comme dit Xtof_84
si tu as des données tabulaires, alors tableau,
sinon go to HTML propre et CSS

et pour finir une petite blague :

chrisbk a écrit :

DOM1 est un autre jour

Reply

Marsh Posté le 21-02-2006 à 14:10:56

chrisbk a écrit :

DOM1 est un autre jour

[:black_lord]

Reply

Marsh Posté le 21-02-2006 à 19:31:31

bah c'est un tableau de données....donc bon j'ai fait un tableau [:proy]

Reply

Marsh Posté le 21-02-2006 à 19:38:40

ben tu veux mettre koi dedans ?

Reply

Marsh Posté le 21-02-2006 à 21:01:36

S'il dit qu'il met des données, il met des données, on va pas lui faire un procès en inquisition pour mauvais usage des tableaux non ?

Sinon pour la bordure extérieure : il suffit d'appliquer les bonnes propriétés CSS à l'élément TABLE.

Pour le trait horizontal dans les 2 cellules d'en-tête autant utiliser l'élément TH :

<table>
<tr>
<th>Colonne 1</th>
<th>Colonne 2</th>
</tr>
<tr>
<td>Blabla</td>
<td>Blabla</td>
</tr>
...
</table>

Et ensuite définir border-bottom pour l'élément TH.

Message édité par gm_superstar le 21-02-2006 à 21:02:01

---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog

Reply

Marsh Posté le 21-02-2006 à 21:57:36

Code :

table {
border-spacing: 0;
border-collapse: collapse;
border: 1px solid black;
}
table thead tr th {
border: 1px solid black;
}
table tbody tr td {
border-left: 1px solid black;
}

Code :

<table>
<thead>
<tr>
<th>Colonne 1</th>
<th>Colonne 2</th>
</tr>
</thead>
<tbody>
<tr>
<td>a</td>
<td>b</td>
</tr>
<tr>
<td>c</td>
<td>d</td>
</tr>
<tr>
<td>e</td>
<td>f</td>
</tr>
<tr>
<td>g</td>
<td>h</td>
</tr>
</tbody>
</table>

EDIT : dur d'ecrire sans faire de boulettes avec les doigts congeles

Message cité 2 fois
Message édité par afbilou le 21-02-2006 à 22:01:13

Reply

Marsh Posté le 22-02-2006 à 11:30:20

merci les gars(et peut etre les filles :??: ) je vais tester tous ca....

pour revenir à ce fameux tableau :pt1cable: il s'agit de données : nom du véhicule, distance parcourue
:non: ce n'est pas pour faire la structure de mon site web :ange:

Message cité 1 fois

Reply

Marsh Posté le 22-02-2006 à 11:30:20

Reply

Marsh Posté le 22-02-2006 à 11:43:20

afbilou a écrit :

...super code qui marche ...
[/code]

EDIT : dur d'ecrire sans faire de boulettes avec les doigts congeles

merci :love: ca marche nickel :sol: :hello:

Reply

Marsh Posté le 22-02-2006 à 11:43:25

tomtom41 a écrit :

merci les gars(et peut etre les filles :??: ) je vais tester tous ca....

pour revenir à ce fameux tableau :pt1cable: il s'agit de données : nom du véhicule, distance parcourue
:non: ce n'est pas pour faire la structure de mon site web :ange:

tu as de la chance car sinon nous t'aurions fait un procès et brulé vif sur la place publique

Message cité 1 fois

Reply

Marsh Posté le 22-02-2006 à 11:44:09

gatsu35 a écrit :

tu as de la chance car sinon nous t'aurions fait un procès et brulé vif sur la place publique

jl'ai déjà eu donc maintenant j'ai compris... :lol: