Onafhankelijke tabellen naast elkaar

[tobisan]

Jaja daar ben ik (al)weer ! En wel in de HTML sectie :D Das ook voor het eerst ! Niet omdat ik zo goed ben in HTML dat ik er nooit problemen mee krijg maar omdat ik nooit HTML kon hehe. SCHANDALIG zou je zegge he? :p Vandaar dat ik nu dus mezelf ff verdiep in het HTML gebeuren...

Hier is het probleem:

klik (http://www.tobisan.com/tabellenhelp.htm)

Ik heb meerdere tabellen gemaakt. Het rode vlak is mijn weblog stukje en daar komt dus dagelijks een update van....het rode vlak rekt zich dus uit naarmate ik tekst erbij tik. Het blauwe vlak (Plaatje 1 genoemd) komt een plaatje terecht die precies net zo groot is als het blauwe vlak zelf. Dan hebben we nog het witte vlak en dat is dus ook mijn probleem. Ik wil daar een plaatje neerzetten die groter is dan het witte vlak....op zich niks mis mee zou je zeggen...omdat het vlak meerekt.. Maar als ik het plaatje in het witte vlak plaats rekt het blauwe vlak ook mee !

Mijn vraag is dus:

Is er een manier om in plaats van 1 grote tabel (met in het midden een onzichtbare cel) een aparte tabel te plaatsen die onafhankelijk is (anders gezegd: een aparte tabel dus gewoon die alleen zelf meerekt).

Hoop dat mijn verhaal duidelijk is :D

[mknol]

schematisch gezien:


<table> <tr> <td>


<table> <tr> <td> > plaatje 1 </td> </tr>
<tr> <td> > weblog </td></tr>
</table>


<table> <tr> <td> leeg ding </td> </tr> </table>


<table> <tr> <td> > plaatje 2 </td> </tr> </table>


</td></tr></table>


ofwel tabellen in tabellen.

Je hebt zo te horen niet echt veel ervaring met html. schandalig inderdaad!! [:p] Toch is het beter om voor je opmaak geen tabellen te gebruiken, maar div's. Deze zijn makkelijker aan te passen en volledig op te maken dmv. een zgn. stylesheet.

[tobisan]

Uhm ja dat is ut nou juist. Anders zou ik hier niet zijn :I

Snap er nog steeds niet zoveel van :confused:

[tobisan]

Het schiet hier niet echt op zie ik...

I'M STILL WAITING FOR MY SAVIOR :I !!!!!

Is er niemand die het wat uitgebreider wilt uitleggen ? Of misschien het .html file voor mij kan veranderen zodat ik er rustig naar kan kijken ?

[moflwm]

Zoals mknol2000 zegt, kun je werken met geneste tabellen:

<table><tr>
<td> een eerste kolom met daarin een table voor de eerste image en je blog </td>
<td> een tweede kolom die leeg is; de tussenruimte </td>
<td> een derde kolom met de image </td>
</tr></table>


Maar om ernstige html-sites te maken, gebruik je best CSS. Ik heb ff een voorbeeld gemaakt van hoe je het zou kunnen doen: http://home.scarlet.be/~plinius1/ff/csslayout.html.

De CSS-tutorial van W3Schools (http://www.w3schools.com/css/css_intro.asp) is volgens mij een goed begin om CSS te leren. Als je dreamweaver gebruikt: text > CSS Styles > manage styles... is een goede hulp. en voor de rest: google is your friend ;)

succes!
yves

[tobisan]

Ah ! Eindelijk weer een reactie. Hartelijk dank !

Ik heb dus zitten rommelen met de door moflwm gemaakte file. En alles liep goed totdat het venster van Plaatje 2 vanzelf naar beneden ging schuiven toen ik er een plaatje in probeerde te plaatsen.

Zie hier: klik (http://www.tobisan.com/css.htm)

Ik krijg dat plaatje niet meer naar boven. Wat doe ik fout ?

[moflwm]

alles staat binnen een div (#container) om het te centreren. die moet je breder maken:
<style>
#container {
width: hier de breedte van je pagina;
...
}
</style>

de float-property probeert de ene div naast de andere te zetten, als er genoeg plaats is (met de margin erbij gerekend). dit was hier dus niet het geval, dus worden ze onder elkaar geplaatst :)

grz
yves

[tobisan]

Jaaaa echt bedankt moflwm !

Ben er uitgekomen na lang worstelen met de file !