Code spécial Tableau

[mama3802]

Bonjour =),

Je voudrais découper mon tableau de page d'accueil de cette façon : https://i.servimg.com/u/f25/15/15/84/77/forum17.jpg ; mais je ne sais pas faire le code qui correspond.

Est-ce que quelqu'un pourait m'aider? svp.

Merci d'avance

[Scoubifitz]

bonjour,

Code:

<table border="1" cellspacing="0" cols="6" frame="void" rules="all">
  <colgroup><col width="133"><col width="133"><col
 width="133"><col width="133"><col width="133"><col
 width="133"></colgroup> <tbody>
    <tr>
      <td style="border: 1px solid black; text-align: center;" colspan="4" rowspan="3" height="450">
Taille : 450x528</td>
      <td colspan="2" style="border: 1px solid black; text-align: center;">
taille : 150x262 </td>
    </tr>
    <tr>
      <td style="border: 1px solid black; text-align: center;" colspan="2">
taille : 150x262</td>
    </tr>
    <tr>
      <td style="border: 1px solid black; text-align: center;" colspan="2">
taille : 150x262</td>
    </tr>
    <tr>
      <td style="border: 1px solid black; text-align: center;" colspan="3" height="150">
taille : 150x395</td>
      <td style="border: 1px solid black; text-align: center;" colspan="3">
taille : 150x395</td>
    </tr>
  </tbody>
</table>


[mama3802]

Bonjour =)

Merci pour le code. Je voulais savoir si c'est possible de mettre une couleur de fond au tableau.

[Scoubifitz]

c'est possible ...

ne connaissant pas vos gouts en couleurs de fond ,
je vous propose un assortiment ...

Code:

<table border="1" cellspacing="0" cols="6"
 frame="void" rules="all">
  <colgroup><col width="133"><col width="133"><col
 width="133"><col width="133"><col width="133"><col
 width="133"></colgroup> <tbody>
    <tr>
      <td
 style="border: 1px solid black; text-align: center; background-color: #ffcccc;"
 colspan="4" rowspan="3" height="450">
Taille : 450x528</td>
      <td colspan="2"
 style="border: 1px solid black; text-align: center; background-color: #ccffff;">
taille : 150x262 </td>
    </tr>
    <tr>
      <td
 style="border: 1px solid black; text-align: center; background-color: #ffcc66;"
 colspan="2">
taille : 150x262</td>
    </tr>
    <tr>
      <td
 style="border: 1px solid black; text-align: center; background-color: #99ff99;"
 colspan="2">
taille : 150x262</td>
    </tr>
    <tr>
      <td
 style="border: 1px solid black; text-align: center; background-color: #ffff99;"
 colspan="3" height="150">
taille : 150x395</td>
      <td
 style="border: 1px solid black; text-align: center; background-color: #cc66cc;"
 colspan="3">
taille : 150x395</td>
    </tr>
  </tbody>
</table>

si vous ne souhaitez pas les bordures ...

Code:

<table border="0" cellspacing="0" cols="6"
 frame="void" rules="none">
  <colgroup><col width="133"><col width="133"><col
 width="133"><col width="133"><col width="133"><col
 width="133"></colgroup> <tbody>
    <tr>
      <td
 style="text-align: center; background-color: #ffcccc;"
 colspan="4" rowspan="3" height="450">
Taille : 450x528</td>
      <td colspan="2"
 style="text-align: center; background-color: #ccffff;">
taille : 150x262 </td>
    </tr>
    <tr>
      <td
 style="text-align: center; background-color: #ffcc66;"
 colspan="2">
taille : 150x262</td>
    </tr>
    <tr>
      <td
 style="text-align: center; background-color: #99ff99;"
 colspan="2">
taille : 150x262</td>
    </tr>
    <tr>
      <td
 style="text-align: center; background-color: #ffff99;"
 colspan="3" height="150">
taille : 150x395</td>
      <td
 style="text-align: center; background-color: #cc66cc;"
 colspan="3">
taille : 150x395</td>
    </tr>
  </tbody>
</table>

bonne suite à votre projet ,
Scoubifitz

[mama3802]

Ah merci beaucoup =)