Discussion :

[tonito0811]

Bonjour,

je souhaiterais réaliser un <table> qui soit du type de l'image suivante.

Je sais qu'il est possible d'utiliser les rowspan et colspan et de diviser la figure suivante en 3lignes/3colonnes. Mais les cases en rouge seront des images. Je souhaiterais ne pas avoir a découper mes images en deux ou d'affiche chaques moitié dans chaques parties de case rouge.



Est-ce qu'il existe une solution/astuce a ce petit problème en utilisant les table ou une technique que je ne connais pas ?

Merci.

[houba222]

Bonjour

Effectivement avec les rowspan et colspan, cela pourrait donner cela :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
<table>
  <tr>
    <td rowspan="2">111111</td>
    <td colspan="2">222222</td>
  </tr>
  <tr>
    <td>333333</td>
    <td rowspan="2">444444</td>
  </tr>
  <tr>
    <td colspan="2">5555</td>
  </tr>
</table>

Après je ne comprends pas pourquoi ton image (bloc en rouge) serait divisée avec cette méthode ?

[tonito0811]

Ok c'est parfait, je n'avais pas réussi a obtenir ceci avec les tables.

Merci, beaucoup.

[houba222]

ok super.
Bonne continuation

[bob633]

La mise en page avec un table ça reste quand même pas terrible terrible

Tu peux pas utiliser un truc du genre :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
<p>blabla
efe
f
fe
</p>
<img src="" style="float:left;" />
<p>reblalblal</p>
<img src="" style="float:right;" />

Biensûr le css doit se trouver dans un fichier appart

[dragonno]

Si c'est pour une mise page HTML je te déconseille cette méthode des tableaux (tables).

Tu peux te servir des tables la présentation de données telles que des jours de la semaine, des résultats, etc...mais pas pour la mise ne page de la page WEB