table + kuva osissa

[idefix]

Onko mahdollista asettaa taulukkoon kuvaa osissa,
ettei solujen väliin jää rakoa.
Nyt jää pieni rako väkisinkin
eli kuvat asettuisivat näin, ja muodostaisivat
yhden kuvan
———————————
| tekstiä | kuvaosa1|
———————————
|kuvaosa2| kuvaosa3|
———————————

taulukon koodi kokonaisuudessaan nyt:
loppupuolella kuvaosuus.

<table border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="166" rowspan="4" align="left" valign="top" style="padding-top:10px 10px 0 10px; border:none;">
<div class="news_top">
<div style="padding-top:15px"> OTSIKKO</div>
</div>
<div class="news_bg">
<div class="news_text"><strong>Teksti&auml;</strong></div>
</div>

<div class="news_btm"></div>
<br/>
<div class="news_top">
<div style="padding-top:15px"> OTSIKKO</div>
</div>
<div class="news_bg">
<div class="news_text"><strong>Teksti&auml;</strong></div>
</div>

<div class="news_btm"></div> </td>
<td width="600" rowspan="4"align="left" valign="top" bgcolor="#FFFFFF" style="padding:10px 0 0 10px; border:none">

<!----SISÄLTÖ MENEE TÄHÄN VÄLIIN---->

<!----SISÄLTÖ MENEE YLÄPUOLELLE---->
</td>
<td style="padding:0px; border:none;" width="200"align="left" valign="top" bgcolor="#FFFFFF">&nbsp;</td>
</tr>
<tr>
<td style="padding:0px; border:none;"align="left" valign="top" bgcolor="#FFFFFF">&nbsp;</td>
</tr>
<tr>
<td style="padding:0px; border:none;"align="left" valign="top" bgcolor="#FFFFFF">&nbsp;</td>
</tr>
<tr>
<td height="766"align="right" valign="bottom" bgcolor="#FFFFFF" style="padding:0px; border:none"><img src="gfx/kuvaosa1.png" alt="rauli1" width="197" height="181" /></td>
</tr>
<tr>
<td style="padding-top:0px; border:none" align="left" valign="top">&nbsp;</td>
<td style="padding:0px; border:none" align="right" valign="top" bgcolor="#FFFFFF"><img src="gfx/kuvaosa2.png" alt="rauli2" width="203" height="130" /></td>
<td style="padding:0px; border:none" align="right" valign="top" bgcolor="#FFFFFF"><img src="gfx/kuvaosa3.png" alt="rauli3" width="197" height="130" /></td>
</tr>
</table>

[Macco]

<table border="0" cellpadding="0" cellspacing="0">

EDIT: jaa hmmm... tuollahan oli jo tuo pätkä...

No, tekisin tuon kuitenkin omaksi taulukokseen (esimerkinomaista koodia):

<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td style="width: 100px;">teksti</td>
<td style="width: 150px;"><img src="kuva1"></td>
</tr>
<tr>
<td style="width: 100px;"><img src="kuva2"></td>
<td style="width: 150px;"><img src="kuva3"></td>
</tr>
</table>

[idefix]

ei kyllä onnistunut yksinkertaisellakaan koodilla.

pysty välejä ei tullut, mutta vaakaväli tuli edelleen.

[jussuf]

Auttaisiko css:n border-collapse:

http://www.w3schools.com/Css/pr_tab_border-collapse.asp

[davila]

Muuta seuraavan rivin attribuutti: align="right" --> align="left" niin kuvissa ei ole väliä.

<td style="padding:0px; border:none" align="right" valign="top" bgcolor="#FFFFFF"><img src="gfx/kuvaosa3.png" alt="rauli3" width="197" height="130" /></td>

[davila]

xxx

[Fixx]

Taas joku tietää vastauksen ongelmaan mutta ei kysymykseen.