Iframe in table wil niet

[Vinze]

Ik ben weer eens bezig met mijn website maar het wil niet echt lukken..
Hier mijn vraag:

Ik heb dus een table gemaakt voor mijn gallery (zie foto hieronder)

Zo wil ik de layout dus hebben, maar wanneer ik een iframe in het grote vak(foto) zet
krijg ik dit:


Nu valt de 2e en 3e linker cel ineens weg.
Mijn html code is:

HTML:

<table border="1">
<tr>
<td width="300" align="left" valign="top">
Naam etc
</td>
<td width="400" rowspan="3">
<iframe width="350" height="300" name="iframe1">
</td>
</tr>
<td height="280" align="left" valign="top">
<p>&nbsp;
<table border="1">
<tr>
<td width="100">1</td>  <td width="150">1</td></tr>
            <td>2</td>              <td>2</td></tr>
            <td>3</td>              <td>3</td></tr>
            <td>4</td>              <td>4</td></tr>
</table>
</td>
</tr>
<td>
Hier komen tumbnails voor foto iframe
</td>
</table>

Wat doe ik fout?

[ Voor 14% gewijzigd door Vinze op 15-11-2006 21:18 ]

[Vinze]

Sorry, heb op verstuur bericht geklikt inplaats van bekijk
Zal hem even editten..

[crisp]

Je nesting klopt niet, je sluit je iframe-element niet af, je misbruikt een p-element en een no-breaking-space voor uitlijning en in het algemeen misbruik je tables voor layout-doeleinden

Mijn advies: leer CSS

[ Voor 6% gewijzigd door crisp op 15-11-2006 22:49 ]

[Suaver]

Viasco schreef op woensdag 15 november 2006 @ 21:11:
Nu valt de 2e en 3e linker cel ineens weg.
Mijn html code is:

HTML:

<table border="1">
<tr>
<td width="300" align="left" valign="top">
Naam etc
</td>
<td width="400" rowspan="3">
<iframe width="350" height="300" name="iframe1">
</td>
</tr>
<td height="280" align="left" valign="top">
<p>&nbsp;
<table border="1">
<tr>
<td width="100">1</td>  <td width="150">1</td></tr>
            <td>2</td>              <td>2</td></tr>
            <td>3</td>              <td>3</td></tr>
            <td>4</td>              <td>4</td></tr>
</table>
</td>
</tr>
<td>
Hier komen tumbnails voor foto iframe
</td>
</table>

Wat doe ik fout?

Spot the differences

HTML:

<table border="1" cellpadding="0" cellspacing="0" >
  <tr>
    <td width="300" align="left" valign="top">Naam</td>
    <td width="400" rowspan="3">
      <iframe id="iframe" name="iframe" src="http://www.google.com" style="width:100%; height:100%;"></iframe>
    </td>
  </tr>
  <tr>
    <td height="280" align="left" valign="top">
      <table border="1">
        <tr><td width="100">1</td>    <td width="150">1</td></tr>
        <tr><td>2</td>                <td>2</td></tr>
        <tr><td>3</td>                <td>3</td></tr>
        <tr><td>4</td>                <td>4</td></tr>
      </table>
    </td>
  </tr>
  <tr>
    <td>Hier komen tumbnails voor foto iframe</td>
  </tr>
</table>

Ik stel voor dat je eerst eens gaat leren hoe je uberhaupt 'n tabel opbouwt. Dit schiet niet op [/no offence]

[Vinze]

Oh ik zie het al, ben steeds de <tr> vergeten
Iig bedankt