<div> plutot que <table>

[e-kiwi]

cela peut tres bien etre un <hr style=clear:left> ou autre élément de préesentation, ce n est pas une obligation de mettre un bloc vide !

[dorian53]

Suite...

Pourquoi pas ça alors c'est plus moralement correct ?

Code: Tout sélectionner

<table style="border:1px solid red;"><tr>
   <td><img src="/....jpg" style="float:left;"></td>
</tr></table>

<div style="border:1px solid blue;">
Bloc dessous
</div>

[chtipepere]

Les tableaux ne doivent pas servir à faire de mise en page!
Par exemple on utilise un tableau pour présenter des quantités de production d'une société :

Code: Tout sélectionner

<table summary="Quantités de production">
<caption>Production de la société X en tonnes</caption>
<thead>
<tr>
<th>Produits</th>
<th>Masse</th>
</tr>
</thead>
<tbody>
<tr>
<td>Pommes de terre</td>
<td>12</td>
</tr>
<tr>
<td>Carottes</td>
<td>4</td>
</tr>
</tbody>
</table>

Un tableau comporte de nombreuses balises qui ne sont plus utilisées (ou alors que trop rarement), et pourtant elles ont un sens, et utiliser des balises différentes évite de rajouter des id à tout va pour styler lesdits éléments.

Quand à l'élément vide avec le clear, c'est vraiment un raccourci pas propre du tout!!!
Il faut se sevrir des pseudo class CSS et des hacks IE et MAC qui vont avec (cf. le lien que j'ai donné plus haut).
Ton code source restera propre, sans balise inutile.

[Audiofeeline]

L'avantage du CSS c'est qu'on peut mettre le contenu en début de code ce qui est assez positif pour le ref...
Mais sinon, ça n'est pas la fin du monde d'utiliser les tableaux.
De toute façon, au vu des spécifications de CSS 3 on aura tout à refaire (en mieux).

[dorian53]

Les tableaux ne doivent pas servir à faire de mise en page!
Par exemple on utilise un tableau pour présenter des quantités de production d'une société :

Code: Tout sélectionner

<table summary="Quantités de production">
<caption>Production de la société X en tonnes</caption>
<thead>
<tr>
<th>Produits</th>
<th>Masse</th>
</tr>
</thead>
<tbody>
<tr>
<td>Pommes de terre</td>
<td>12</td>
</tr>
<tr>
<td>Carottes</td>
<td>4</td>
</tr>
</tbody>
</table>

Un tableau comporte de nombreuses balises qui ne sont plus utilisées (ou alors que trop rarement), et pourtant elles ont un sens, et utiliser des balises différentes évite de rajouter des id à tout va pour styler lesdits éléments.

Quand à l'élément vide avec le clear, c'est vraiment un raccourci pas propre du tout!!!
Il faut se sevrir des pseudo class CSS et des hacks IE et MAC qui vont avec (cf. le lien que j'ai donné plus haut).
Ton code source restera propre, sans balise inutile.

Tu peux nous donner la solution au problème de la page 1 stp ?

[chtipepere]

Code: Tout sélectionner

<style type="text/css">
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
</style>


<div style="border:1px solid red;" class="clearfix">
   <img src="http://www.webrankinfo.com/images/wri/webrankinfo.png" style="float:left;" alt="WebRankInfo" />
</div>

<div style="border:1px solid blue;">
Bloc dessous
</div>

Ca va là?