Codes from:

http://www.wtv-zone.com/gnubee/tablemargins.html

This is just a demonstration to show that adding regular table codes (as shown in the webpage above) do not always come out as expected when used with the Webtv PageBuilder. The "problem" and unexpected results are due to the built-in table codes Webtv automatically adds that surround the user-added codes.

Unfortunately, the demos below will be displayed differently by 2.2.7.1 viewers, 2.5.5 viewers and computer viewers.





DEMO 1


This page shows examples of what adding "regular" table codes to a Webtv PageBuilder webpage results in. The demo below is inside a table with width="90%" and align="right".

Here's the code:


<table align="right" width="90%" border=1 cellpadding=0 cellspacing=0><tr><td>
Put whatever you want right here.
You can replace 90% with a number of pixels.
</td></tr></table>

Here's the demo:



'puter screen capture link

Put whatever you want right here.
You can replace 90% with a number of pixels.
Put whatever you want right here.
Put whatever you want right here.





DEMO 2


This demo below is inside a table with width="80%" and align="center".

Here's the code:


<table align="center" width="80%" border=1 cellpadding=0 cellspacing=0><tr><td>
Put whatever you want right here.
You can replace 80% with a number of pixels.
</td></tr></table>

Here's the demo:





'puter screen capture link

Put whatever you want right here.
You can replace 80%
with a number of pixels.
Put whatever you want right here.





DEMO 3


The demo below is inside a table with cellpadding=40. The text will be centered in the middle of the page with margins on both sides, the top & the bottom. I added a border of 1 so you can see the outer part of the table.

Here's the code:


<table border=1 cellpadding=40 cellspacing=0><tr><td>
Put whatever you want right here.
You can replace 40 with a different number of pixels.
</td></tr></table>

Here's the demo:





'puter screen capture link

Put whatever you want right here.
You can replace 40 with a
different number of pixels.
Put whatever you want right here.





DEMO 4


The table below uses 3 data cells. The first & last are empty, but have width=50. I gave them a bgcolor so can see them. The rest of your stuff goes in the middle cell.

Here's the code:


<table border=1 cellpadding=0 cellspacing=0><tr>
<td width=50 bgcolor="#aaaaaa">&nbsp;</td>
<td>Put whatever you want right here.
Change width=50 to whatever you want.
</td>
<td width=50 bgcolor="#aaaaaa">&nbsp;</td>
</tr></table>

Here's the demo: 




 
'puter screen capture link

Put whatever you want
right here.
Change width=50 to
whatever you want.
 





DEMO 5


Using a table with width="90%" below, with no alignment codes added inside the table tag.

Codes used:


<table width="90%" border="1">
<tr><td>
Text here
</td></tr>
</table>

Demo below:



'puter screen capture link

This table has a width of 90%
and has no alignment code inside
the tag-----apparently the align=right
inside the DEMO 1 really screws up
the PageBuilder's rendering of table
codes.




Various hula hoops to jump through to change alignments:


Changing alignments on an
"automatically centered page style"


Changing alignments on an
"automatically aligned-left page style"
Powered by WebTV