Codice tabella

Devo creare una tabella di questo genere:



In modo tale che il banner 1 sia attaccato al banner 2

Che codice devo utilizzare?

[zulukwebsite]

a prima vista potrebbe servirti una cosa simile:

<table width="100%" height="150" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td width="30%" rowspan="2">banner2</td>
    <td width="70%" height="50">banner 1 </td>
  </tr>
  <tr >
    <td b><table width="100%" height="90" cellspacing="10">
      <tr>
        <td>pubblicit&agrave; AV </td>
      </tr>
    </table></td>
  </tr>
</table>

Come faccio a togliere lo spazio tra i bordi della tabella e delle immagini?

[zulukwebsite]

intendi così??

<table width="100%" height="150" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td width="30%" rowspan="2">banner2</td>
    <td width="70%" height="50">banner 1 </td>
  </tr>
  <tr >
    <td >banner av </td>
  </tr>
</table>

C'è ancora spazio tra la parte superiore del banner 1 e il lato sinistro del banner 2; devono essere attaccati, dato che è un'immagine tagliata in due parti.

[zulukwebsite]

mi dai la grandezza delle immagini? altezza e largezza di tutte e due i banner

Certo:
Banner 1: 278 x 200
Banner 2: 514 x 123

[zulukwebsite]

prova così:

<table width="792"  border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td width="278" height="200" rowspan="2">banner2</td>
    <td width="514" height="123"></td>
  </tr>
  <tr >
    <td width="514" height="77" >banner av </td>
  </tr>
</table>

Ok, ottimo, ma ch'è un problema; l'immagine non combacia di circa un pixel, infatti il banner 1 sta piu'in alto rispetto l'altro.

[zulukwebsite]

mmmh che strano a me le immagini combaciano perfettamente...prova ad aggiungere border="0" all'immagine

C'è già.

Con FireFox combacia perfettamente, che cacchio.

[zulukwebsite]

mi puoi linkare l'esempio o ce l'hai solo in locale?

Solo in locale..

[zulukwebsite]

Solo in locale..

se lo carichi sul server posso un attimo vedere ...come vuoi :)

Ma un po di basi di HTML?


ciao!