[CSS] Mise en forme tableau

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : [CSS] Mise en forme tableau

tomtom41

It's not a bug, it's a feature

: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]

Publicité

quenting

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!

xtof_83

Freeride Spirit

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

gatsu35

Blablaté par Harko

+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

xtof_83

Freeride Spirit

chrisbk a écrit :

DOM1 est un autre jour

[:black_lord]

tomtom41

It's not a bug, it's a feature

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

gatsu35

Blablaté par Harko

ben tu veux mettre koi dedans ?

gm_superstar

Appelez-moi Super

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

afbilou

pouet your life

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

tomtom41

It's not a bug, it's a feature

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

Publicité

tomtom41

It's not a bug, it's a feature

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:

gatsu35

Blablaté par Harko

tomtom41 a écrit :

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

tomtom41

It's not a bug, it's a feature

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:

gm_superstar

Appelez-moi Super

afbilou a écrit :

Code :

table thead tr th {
table tbody tr td {

Y'a pas un peu abus de sélecteurs là ? [:pingouino]

Message édité par gm_superstar le 22-02-2006 à 21:26:43

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

gatsu35

Blablaté par Harko

bah au pire il aurait fait :
table th
table td

mais moi aussi j'ai l'habitude de faire comme lui et je trouve cela plus parlant

gm_superstar

Appelez-moi Super

ha.

On peut trouver un <th> autre part que dans un <table> ?

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

gatsu35

Blablaté par Harko

nan

tomtom41

It's not a bug, it's a feature

jlai mis sur le th et td et c'est bon

FORUM HardWare.fr

Programmation

HTML/CSS

[CSS] Mise en forme tableau

Sujets relatifs
Pb de CSS avec FF	probleme de validation w3C CSS couleur de fond
Validateur W3C CSS ne valide pas mes ''text-align''	ouvrir dans Excel un tableau html crée en PHP
DataBindings et mise à jour de table SQL Server	Pb de mise ajour SQL...
Problème de mise en forme dynamique dans un tableau.	Lien en forme de bouton avec des images
Pb mise en forme tableau - CSS !! help me
Plus de sujets relatifs à : [CSS] Mise en forme tableau

Page générée en 0.083 secondes