Tables kun je verschillend manieren opstellen, hier gaan we een er een paar bespreken.... Heel belangrijk is natuurlijk de <BEGINTAGS> en de </SLUITINGTAGS> Alle geopende tags dienen correct afgesloten te worden en dan in omgekeerde volgorde. Dus die het laatst geopend word, word ook als eerste gesloten... En we werken van buiten naar binnen...

De blauwe px waarde geef je de max breedte aan als je blog. De gele px waarde geef je de lengte van de totale blog aan. De groene Hex/Kleurcode kun je de kleur aangeven voor een evt extra randje, en met de lichtgroene waarde de breedte van je uiteindelijke rand<TABLE> Op de paarse plaats geef je de achtergrond in. En de rode waarde kun je verhogen om de breedte van je extra randje aan te geven wat samenwerkt met je hex/kleurcode.... Op de plaats van de kruisen ga je verder met invoer.... Haal deze kruisen wel weg... ze staan er alleen maar om aan te duiden de plaats waar met html verder te gaan... Ga er eens voor zitten en bekijk de opbouw eens goed...

<TABLE style="WIDTH: 368px; HEIGHT: 1104px" borderColor=#420000 cellSpacing=7 cellPadding=0 background=url van een achtergrond border=0>
<TBODY>
<TR>
<TD>
XXX</TD></TR></TBODY></TABLE>

<TABLE style="WIDTH: 368px; HEIGHT: 1104px" borderColor=#420000 cellSpacing=7 cellPadding=0 background=url van een achtergrond border=0>
<TBODY>
<TR>
<TD>
<TABLE style="WIDTH: 100%; HEIGHT: 100%" borderColor=
#420000 cellSpacing=5 cellPadding=0 background=url van een achtergrond border=0>
<TBODY>
<TR>
<TD>
XXX</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

 

<TABLE style="WIDTH: 368px; HEIGHT: 1104px" borderColor=#420000 cellSpacing=7 cellPadding=0 background=url van een achtergrond border=0>
<TBODY>
<TR>
<TD>
<TABLE style="WIDTH: 100%; HEIGHT: 100%" borderColor=
#420000 cellSpacing=5 cellPadding=0 background=url van een achtergrond border=0>
<TBODY>
<TR>
<TD>
<TABLE style="WIDTH: 100%; HEIGHT: 100%" borderColor=
#420000 cellSpacing=5 cellPadding=0 background=url van een achtergrond border=0>
<TBODY>
<TR>
<TD>
XXX</TD></TR></TBODY></TABLE></TD></TR></TBODY>
</TABLE></TD></TR></TBODY></TABLE>

<TABLE style="WIDTH: 368px; HEIGHT: 1104px" borderColor=#420000 cellSpacing=7 cellPadding=0 background=url van een achtergrond border=0>
<TBODY>
<TR>
<TD>
<TABLE style="WIDTH: 100%; HEIGHT: 100%" borderColor=
#420000 cellSpacing=5 cellPadding=0 background=url van een achtergrond border=0>
<TBODY>
<TR>
<TD>
<TABLE style="WIDTH: 100%; HEIGHT: 100%" borderColor=
#420000 cellSpacing=5 cellPadding=0 background=url van een achtergrond border=0>
<TBODY>
<TR>
<TD>
<TABLE style="WIDTH: 100%; HEIGHT: 100%" borderColor=
#420000 cellSpacing=3 cellPadding=0 background=url van een achtergrond border=0>
<TBODY>
<TR>
<TD>
XXX</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

 

<TABLE style="WIDTH: 368px; HEIGHT: 1104px" borderColor=#420000 cellSpacing=7 cellPadding=0 background=Url van een achtergrond border=0>
<TBODY>
<TR>
<TD>
<TABLE style="WIDTH: 100%; HEIGHT: 100%" borderColor=
#420000 cellSpacing=5 cellPadding=0 background=Url van een achtergrond border=0>
<TBODY>
<TR>
<TD>
<TABLE style="WIDTH: 100%; HEIGHT: 100%" borderColor=
#420000 cellSpacing=5 cellPadding=0 background=Url van een achtergrond border=0>
<TBODY>
<TR>
<TD>
<TABLE style="WIDTH: 100%; HEIGHT: 100%" borderColor=
#420000 cellSpacing=3 cellPadding=0 background=Url van een achtergrond border=0>
<TBODY>
<TR>
<TD>
<TABLE style="WIDTH:
300px; HEIGHT: 100%" borderColor=#420000 cellSpacing=7 cellPadding=0 align=center background=Url van een achtergrond border=1>
<TBODY>
<TR>
<TD>
XXX</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
</TD></TR></TBODY></TABLE>
</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

Dan kunnen we als extra nog één table toevoegen met een transparante afbeelding, om de achtergrond van onze table te beschermen. Misschien om evt foto's of zelfgemaakte afbeeldingen te verstoppen. In het geheel komt het er dan zo uit te zien... Voor een transparante afbeelding zie topic "afbeelding bescherming"

"Klik hier  voor Afbeelding Bescherming"

<TABLE style="WIDTH: 368px; HEIGHT: 1104px" borderColor=#420000 cellSpacing=7 cellPadding=0 background=Url van een achtergrond border=0>
<TBODY>
<TR>
<TD>
<TABLE style="WIDTH: 100%; HEIGHT: 100%" borderColor=
#420000 cellSpacing=5 cellPadding=0 background=Url van een achtergrond border=0>
<TBODY>
<TR>
<TD>
<TABLE style="WIDTH: 100%; HEIGHT: 100%" borderColor=
#420000 cellSpacing=5 cellPadding=0 background=Url van een achtergrond border=0>
<TBODY>
<TR>
<TD>
<TABLE style="WIDTH: 100%; HEIGHT: 100%" borderColor=
#420000 cellSpacing=3 cellPadding=0 background=Url van een achtergrond border=0>
<TBODY>
<TR>
<TD>
<TABLE style="WIDTH:
300px; HEIGHT: 100%" borderColor=#420000 cellSpacing=7 cellPadding=0 align=center background=Url van een achtergrond border=1>
<TBODY>
<TR>
<TD>
<TABLE style="WIDTH:
300px; HEIGHT: 100%" borderColor=#420000 cellSpacing=7 cellPadding=0 align=center background=URL VAN EEN TRANSPARANTE ACHTERGROND border=1>
<TBODY>
<TR>
<TD>XXX</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
</TD></TR></TBODY></TABLE>
</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
</TD></TR></TBODY></TABLE>

 

Nu we de opbouw van de table klaar hebben kunnen we tekst en evt afbeeldingen toe gaan voegen. We gaan hier voor verder op de plaats waar de kruisen staan... haal deze natuurlijk wel eerst weg...Om afbeeldingen in te voeren kun je natuurlijk ook gelijk de code gebruiken om je afbeelding te beschermen... ook heel leuk aangezien je de afbeelding gelijk vervagen kunt waarmee je leuke effecten kunt krijgen.... zet de opacity style eens op 1, 2 of 3...

"Klik hier voor Afbeelding Bescherming"

<TABLE style="WIDTH: 368px; HEIGHT: 1104px" borderColor=#420000 cellSpacing=7 cellPadding=0 background=Url van een achtergrond border=0>
<TBODY>
<TR>
<TD>
<TABLE style="WIDTH: 100%; HEIGHT: 100%" borderColor=
#420000 cellSpacing=5 cellPadding=0 background=Url van een achtergrond border=0>
<TBODY>
<TR>
<TD>

<TABLE style="WIDTH: 100%; HEIGHT: 100%" borderColor=#420000 cellSpacing=5 cellPadding=0 background=Url van een achtergrond border=0>
<TBODY>
<TR>
<TD>
<TABLE style="WIDTH: 100%; HEIGHT: 100%" borderColor=
#420000 cellSpacing=3 cellPadding=0 background=Url van een achtergrond border=0>
<TBODY>
<TR>
<TD>
<TABLE style="WIDTH:
300px; HEIGHT: 100%" borderColor=#420000 cellSpacing=7 cellPadding=0 align=center background=Url van een achtergrond border=1>
<TBODY>
<TR>
<TD>
<TABLE style="WIDTH:
300px; HEIGHT: 100%" borderColor=#420000 cellSpacing=7 cellPadding=0 align=center background=URL VAN EEN TRANSPARANTE ACHTERGROND border=1>
<TBODY>
<TR>
<TD>
<DIV style="WIDTH:
270px"><IMG style="FILTER: alpha(opacity=100,style=0); WIDTH: 256px; HEIGHT: 350px" height=350 src="URL van een afbeelding" width=256 align=right>
<DIV style="WIDTH:
270px"><IMG style="FILTER: alpha(opacity=100,style=0); WIDTH: 256px; HEIGHT: 350px" height=350 src="URL VAN EEN TRANSPARANTE ACHTERGROND" width=350 align=right></DIV></DIV>XXX</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
</TD></TR></TBODY></TABLE>
</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
</TD></TR></TBODY></TABLE>

Op deze wijze kun je dus
een table maken
tekst en afbeeldingen toevoegen.
De hoogte van je table kun je
gewoon aanpassen. Het kan dus ook zijn als je een afbeelding of tekst
in gaat voeren dat het halverwege je table te zien is... Dit schuift vanzelf op naar boven naarmate je meer tekst en/of afbeeldingen erin gaat zetten. Pas anders de hoogte aan..

<TABLE style="WIDTH: 368px; HEIGHT: 1104px" borderColor=#420000 cellSpacing=7 cellPadding=0 background=Url van een achtergrond border=0>
<TBODY>
<TR>
<TD>
<TABLE style="WIDTH: 100%; HEIGHT: 100%" borderColor=
#420000 cellSpacing=5 cellPadding=0 background=Url van een achtergrond border=0>
<TBODY>
<TR>
<TD>
<TABLE style="WIDTH: 100%; HEIGHT: 100%" borderColor=
#420000 cellSpacing=5 cellPadding=0 background=Url van een achtergrond border=0>
<TBODY>
<TR>
<TD>
<TABLE style="WIDTH: 100%; HEIGHT: 100%" borderColor=
#420000 cellSpacing=3 cellPadding=0 background=Url van een achtergrond border=0>
<TBODY>
<TR>
<TD>
<TABLE style="WIDTH:
300px; HEIGHT: 100%" borderColor=#420000 cellSpacing=7 cellPadding=0 align=center background=Url van een achtergrond border=1>
<TBODY>
<TR>
<TD>
<TABLE style="WIDTH: 300px; HEIGHT: 100%" borderColor=#420000 cellSpacing=7 cellPadding=0 align=center background=
URL VAN EEN TRANSPARANTE ACHTERGROND border=1>
<TBODY>
<TR>
<TD>
<DIV style="WIDTH:
270px"><IMG style="FILTER: alpha(opacity=100,style=0); WIDTH: 256px; HEIGHT: 350px" height=350 src="URL van een afbeelding" width=256 align=right>
<DIV style="WIDTH:
270px"><IMG style="FILTER: alpha(opacity=100,style=0); WIDTH: 256px; HEIGHT: 350px" height=350 src="URL VAN EEN TRANSPARANTE ACHTERGROND" width=350 align=right></DIV></DIV>
<P align=center><I><FONT face="Times New Roman" color=#efd7a8 size=2>
TEKST</FONT></I></P>XXX</TD></TR></TBODY></TABLE>
</TD></TR></TBODY></TABLE>
</TD></TR></TBODY></TABLE>
</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
</TD></TR></TBODY></TABLE>

Door de cellspacing aan te passen kun je de afmetingen van de randjes veranderen

Je gevoel zegt je of
je van iemand houdt,
ook verteld het je of
je iemand vertrouwd.
Gevoel is een raar iets,
en onstaat soms
zomaar uit het niets.
Het komt dan zomaar
naar boven,
maar je moet wel in
jezelf geloven.
Denk maar aan je levendoel,
dan weet je wat ik
bedoel met gevoel.
Gebeurd er
bij die gedachte niets,
dan mis je in je leven iets!!
#
Liefs, Jessica...

Have fun...

Liefs, Jessica...

Copyright © 2005-2010 "Jessica's World Of Fantasy" All rights Reserved.