[quote="charabia"]Oki je m'en vais dire deux mots à môsieur [b]http://www.startyourdev.com[/b]...[/quote]

[color=darkblue]De ma part :lol:
Non mais ho ![/color]

seayoung tinkiet j'ai un css externe et c'est exactement ce que j'ai fait j'essai toujours d'etre au max avec le w3c ;)

Oki je m'en vais dire deux mots à môsieur [b]http://www.startyourdev.com[/b]... :lol:

[quote="charabia"][quote="http://www.startyourdev.com/HTML/Balise-COL.html"]La balise COL est appliquée uniquement à l'intérieur de l'élément COLGROUP, au sein d'une TABLE[/quote] C'est pas moi qui l'ai dit d'abord :-"
[/quote]

[color=darkblue]Ok, ben c'est faux !
Relis donc la DTD....du W3C pour XHTML Strict 1.0[/color]
[quote]<!ELEMENT table
(caption?, ([b]col*[/b]|colgroup*), thead?, tfoot?, (tbody+|tr+))>
<!ELEMENT caption %Inline;>
<!ELEMENT thead (tr)+>
<!ELEMENT tfoot (tr)+>
<!ELEMENT tbody (tr)+>
<!ELEMENT colgroup (col)*>
<!ELEMENT col EMPTY>
<!ELEMENT tr (th|td)+>
<!ELEMENT th %Flow;>
<!ELEMENT td %Flow;>
[/quote]
[color=darkblue]La première ligne indique que l'élément table peut prendre comme enfant col ou colgroup (entre autres)...
[/color]

[quote="W3C"]L'élément COL permet aux auteurs de rassembler les spécifications d'attributs pour les colonnes de la table. L'élément COL ne rassemble pas les colonnes de manière structurelle (c'est le rôle de l'élément COLGROUP). Les éléments COL sont vides et ne servent que de support pour les attributs. [b]Ils peuvent apparaître à l'intérieur comme à l'extérieur d'un groupe de colonnes explicite[/b] (i.e., l'élément COLGROUP).[/quote]
[color=darkblue]
[size=75]source : [url]http://www.la-grange.net/w3c/html4.01/struct/tables.html#edef-COL[/url][/size]
Cela dit...on peut quand même utiliser colgroup, si cela permet de regrouper des colonnes qui doivent avoir la même largeur. Non ?[/color]

Oui j'ai bien lu ton post seayoung ;)

Si tu voulais dire ce que tu as mis dans ton dernier post, je suis tout à fait d'accord :)

J'avais juste tilté sur le "[b]ce qui éviterai de se répéter 3 fois[/b]" que tu as dis ;)

charabia relis bien mon post, je recommande :
1- evitez les tableaux (tant que faire se peux)
2- distinguer le style et le code

et je disais que si, soit qu'il ne veut ou ne peux faire autrement qu'il mette style="width:25%;"
plutot que le width direct dans le td en gros :
[code]
<td style='width:25%' align="center"><img src="image1.gif" /></td> [/code]
vaut mieux que :
[code]
<td width="25%" align="center"><img src="image1.gif" /></td>
[/code]

même si l'un et l'autre ne sont pas top l'un vaut mieux que l'autre au niveau validité w3c :wink:

Toutefois il est paussible que je me suis mal exprimer dans mon dernier post.
enfin peu etre dans celui là aussi :roll:

[quote="http://www.startyourdev.com/HTML/Balise-COL.html"]La balise COL est appliquée uniquement à l'intérieur de l'élément COLGROUP, au sein d'une TABLE[/quote] C'est pas moi qui l'ai dit d'abord :-"

[code]<table width="100%" border="1" cellpadding="0" cellspacing="0">
<colgroup>
<col class="quartdepage" />
<col class="quartdepage" />
<col class="quartdepage" />
<col class="quartdepage" />
</colgroup>
<tr>
<td><img src="image1.gif" /></td>
<td><img src="image2.gif" /></td>
<td><img src="image3.gif" /></td>
<td><img src="image4.gif" /></td>
</tr>
</table>[/code]

Très bien vu [b]mere-teresa[/b] ;)

[color=darkblue]Je sais que c'est résolu mais pour ma part, j'aurais utilisé la balise <col />


HTML :
[/color]
[code]
<table width="100%" border="1" cellpadding="0" cellspacing="0">
<col class="quartdepage" /><col class="quartdepage" /><col class="quartdepage" /><col class="quartdepage" />
<tr>
<td><img src="image1.gif" /></td>
<td><img src="image2.gif" /></td>
<td><img src="image3.gif" /></td>
<td><img src="image4.gif" /></td>
</tr>
</table>
[/code]

[color=darkblue]Feuille de style CSS[/color]
[code]
.quartdepage{
width : 25%;
text-align : center;
}[/code]

[quote="seayoung"]ce qui éviterai de se répéter 3fois de faire quelque chose comme:
[code]
<td style='width:25%' align="center"><img src="image1.gif" /></td>
[/code]
voili voilou
:wink:[/quote]

Bé dans ton cas [b]seayoung[/b] tu devras quand même le répéter autant qu'il y a de <td> non :roll: ? Si un jour tu fais une modification, tu dois quand même revenir sur cette page et modifier tous les [b]style='width:25%'[/b]

Il faut faire appel à une style externe pour ne pas avoir à corriger X fois mais une seule ;)

je me permet juste une petite remarque ... enfin si je peux :roll:
même si je suis pas fan du tout de tableau ... afin de coder un peu plus w3c, il est préférable, si on entre pas ces paramètre dans un CSS ( ce qui éviterai de se répéter 3fois de faire quelque chose comme:
[code]
<td style='width:25%' align="center"><img src="image1.gif" /></td>
[/code]
voili voilou
:wink:

c'est exactement ce que j'ai fait et ca marche

(c'est pour ca que sur le titre du sujet ya un [resolu])

merci quand meme

et si tu met 25% à chaque td et tu centre l'image à l'interieur?

[code]
<table width="100%" border="1" cellpadding="0" cellspacing="0">
<tr>
<td width="25%" align="center"><img src="image1.gif" /></td>
<td width="25%" align="center"><img src="image2.gif" /></td>
<td width="25%" align="center"><img src="image3.gif" /></td>
<td width="25%" align="center"><img src="image4.gif" /></td>
</tr>
</table>
[/code]

personne pour m'aider ????? :(

(moi qui croyait que c'etait tout simple.....)

non desole charabia le code que tu m'a donné colle les 4 images ensembles et les centres c'est pas du tout ce que je cherches en fait ce qu'il faudrait c'est un tableau que chaque cellule fasse 25% de la page et a linterieur l'image en centree ca serait bien mais je sais pas pourquoi j'aarive pas j'ai du mal avec les tableaux .......

(j'utilise du xhtml css)

avec un tableau, ce genre là t'irait ?
[code]<table align="center" border="0" cellpadding="0" cellspacing="0">
<tr>
<td><img src="image1.gif" border="0" alt="toto"></td>
<td align="center"><img src="image2.gif" border="0" alt="toto"></td>
<td align="center"><img src="image3.gif" border="0" alt="toto"></td>
<td align="right"><img src="image4.gif" border="0" alt="toto"></td>
</tr>
</table>[/code]