<div align="center"><b><font color="darkred" size="5">Webtv Glitch -- JS Failure -- Reload Page</font></b></div>



The Problem with the <<>P ALIGN> tag
and the PageBuilder


NOTE: This problem seems to have been "fixed" by the May-June upgrade of 2000.

Using a <<>p align="left/right/center"> tag before a table code will result in an unwanted gap at the bottom of a table.

Webtv automatically adds a <<>p align=....> tag to the "add an item"--"text" areas which can cause gaps at the bottom of tables. The codes that Webtv automatically adds are in uppercase yellow-type below:

<<>TABLE>
<<>TR><<>TD>
<<>H3 ALIGN=LEFT>


"Contents of the title area"

<<>/H3>
<<>P ALIGN=LEFT>


"Contents of the text area"

<<>/P>
<<>/TD><<>/TR><<>/TABLE>



The large gaps below the photo in the tables below is caused by the <<>P ALIGN=left> tag that webtv adds to the source code of the webpage.

Using this in the "Contents of the text area":

<<>table border="3" bgcolor="#000033"><<>tr><<>td>
<<>table border="3" bgcolor="#800000"><<>tr><<>td>
<<>img src="url of image" width=150>
<<>/td><<>/tr><<>/table>
<<>/td><<>/tr><<>/table>

results in large gaps at the bottom of the tables below:





To disrupt the effects of the <<>P ALIGN=left> tag that webtv uses, use a <<>p> anywhere before your table code. (It can be at the very beginning of the "text" area; it does not have to be right before your table code.)
Or use a line tag <<>hr align="left/right/center" width="#"> somewhere before the table codes.

Using this in the "Contents of the text area":

<<>p>
<<>table border="3" bgcolor="#000033"><<>tr><<>td>
<<>table border="3" bgcolor="#800000"><<>tr><<>td>
<<>img src="url of image" width=150>
<<>/td><<>/tr><<>/table>
<<>/td><<>/tr><<>/table>

results in the table below:






Using this in the "Contents of the text area":

<<>p><<>div align="center">
<<>table border="3" bgcolor="#000033"><<>tr><<>td>
<<>table border="3" bgcolor="#800000"><<>tr><<>td>
<<>img src="url of image" width=150>
<<>/td><<>/tr><<>/table>
<<>/td><<>/tr><<>/table>
<<>/div>

results in a centered table, without a gap:













Unfortunately the method described above will result in an error or warning when the page is run through a validator such as Weblint or Dr. Watson. Using the method above results in the overall source code below (when viewed at Transcribe):

<<>TABLE>
<<>TR><<>TD>
<<>H3 ALIGN=LEFT>


"Contents of the title area"

<<>/H3>
<<>P ALIGN=LEFT>


<<>p>Table codes here

<<>/P>
<<>/TD><<>/TR><<>/TABLE>


The error of the code above is that the opening
<<>P ALIGN=left> tag is not closed off before adding a new <<>p> tag.





To avoid a validation error, a <<>/p> tag should be added at the very beginning of the "add an item"--"text" area, and then a
<<>p> tag should be added at the very end of the "add an item"--"text" area, resulting in the overall source code looking like this (when viewed at Transcribe):



<<>TABLE>
<<>TR><<>TD>
<<>H3 ALIGN=LEFT>


"Contents of the title area"

<<>/H3>
<<>P ALIGN=LEFT>


<<>/p>(at the beginning of the "text" area)

Table codes here

<<>p>(at the end of the "text" area)

<<>/P>
<<>/TD><<>/TR><<>/TABLE>


Using this method the <<>p> tags are opened and closed in the correct places.







Actually a better method of aligning images and text, etc is here .





Back to <<>div> tags page

More Webtv PageBuilder help



previous page
Powered by WebTV