sourcecode2

HTML source code for the page sourcecode1  is  below. Some quick observations: The "page style" chosen determines the alignment of images added directly from the scrapbook when you use the method of "add an item" -- "picture" -- "scrapbook". Some "page styles" align the images centered on the page; some alternate the alignment from the left side and right side of the page; and one, aligns all the images only on the left side. Here is a list of "page style"   alignments. Each time you "add an item" to your webtv pagebuilder webpage, it is assigned a position number. If the "page style" is one that alternates the alignment of the images from left to right, then: Odd numbered items are aligned to the left. Even numbered items are aligned to the right. See the bottom of any editing page to find the item number. Centering is possibe on certain pages when you add scrapbook images directly onto the page using webtv's method of adding pictures (the "add an item" -- "picture" -- "scrapbook" method). See "page style"   alignments. For more information on alignment of images (without using urls) added directly to a webtv page using the "add an item" -- "picture" -- "scrapbook" method, see  centering2. Webtv also sets up a table to contain the "add an item"---"text" and "links" and "lists" areas, which influences the centering of the text and images with urls. See  centering for more information on that.   The HTML source code for this page  sourcecode1  is below. User entries typed into the text, title, links, etc areas are in maroon. The html codes produced by Webtv are in black. <<>html> <<>head> <<>META NAME="description" CONTENT="Demo to see which areas webtv uses tables for (text entry ??, lists ??, headings ??, links ??), and for image alignment question"> <<>title> sourcecode1 <<>/title> <<>/head> THIS IS THE BODY CODE AUTOMATICALLY ENTERED BY WEBTV WHEN THE PAGE STYLE OF GREY IS SELECTED <<>body bgcolor="silver" text="black" link="blue" alink="red" vlink="#ff00ff"> <<>font size="+3"><<>b> sourcecode1 <<>/b><<>/font> ITEM 1 -- "ADD AN ITEM"--"TEXT" AREA is TABLED BY WEBTV <<>P> <<>TABLE> <<>TR><<>TD> <<>H3 ALIGN=left> title area of -- item 1 <<>/H3> <<>P ALIGN=left> type your text here -- item 1<<>br> webtv table here<<>br> <<>br> <<>br> Html source code for this<<>br> page is on:<<>br> <<>a href="http://community.webtv.net/Pwilliamandx/sourcecode2"> <<>font color="EEE8AA"><<>br> sourcecode2<<>/font><<>/a> <<>br> <<>br> <<>hr><<>hr> <<>/TD><<>/TR><<>/TABLE> <<>/P> ITEM 2 -- "ADD AN ITEM"--TEXT" AREA is TABLED BY WEBTV <<>P> <<>TABLE> <<>TR><<>TD> <<>H3 ALIGN=left> item 2 -- title area <<>/H3> <<>P ALIGN=left> <<>I> <<>FONT size=-1> text area --- item 2 --- webtv table here <<>br> <<>br> yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda <<>br> <<>br> <<>hr><<>hr> <<>/FONT> <<>/I> <<>/TD><<>/TR><<>/TABLE> <<>/P> ITEM 3 -- "ADD AN ITEM"--PICTURE" AREA <<>P> <<>H3 align=left> 3rd item --- image should be aligned left (odd #)<<>br> This is the title area <<>/H3> <<>P align=left> <<>IMG SRC="scrapbookFiles/importD0.gif" hspace=4 vspace=4 align=left WIDTH=230 HEIGHT=100> 3rd item --- image should be aligned left (odd #) <<>br><<>br> This is the caption area <<>br> <<>br> <<>br> <<>br> <<>br> <<>br> <<>br> <<>hr><<>hr> <<>br clear="all"> <<>/P> ITEM 4 -- "ADD AN ITEM"---"PICTURE" AREA <<>P> <<>H3 align=right> 4th item -- image should be aligned right (even #)<<>br><<>br> -- This is the title area <<>/H3> <<>P align=left> <<>IMG SRC="scrapbookFiles/importD2.gif" hspace=4 vspace=4 align=right WIDTH=78 HEIGHT=121> 4th item -- image should be aligned right (even #) <<>br><<>br> This is the caption area <<>br> <<>br> <<>br> <<>br> <<>br> <<>br> <<>br> <<>br> <<>br> <<>br> <<>br> <<>hr><<>hr> <<>br clear="all"> <<>/P> ITEM 5 -- "ADD AN ITEM"--"LIST" AREA is TABLED BY WEBTV <<>P> <<>DIV align=left> <<>table NOCOLOR cellspacing=0 cellpadding=0> <<>tr><<>td> <<>H3 ALIGN=left> item 5 -- add a list -- title area <<>/H3> <<>tr><<>td><<>SPACER type=block width=80> <<>TR> <<>TD> <<>UL type=DISC> <<>LI> item 5 -- list area <<>/LI> <<>/UL> <<>/TD> <<>/TR> <<>TR> <<>TD> <<>UL type=DISC> <<>LI> Webtv uses a table <<>/LI> <<>/UL> <<>/TD> <<>/TR> <<>TR> <<>TD> <<>UL type=DISC> <<>LI> to contain the entire area <<>/LI> <<>/UL> <<>/TD> <<>/TR> <<>TR> <<>TD> <<>UL type=DISC> <<>LI> and also standard list tags <<>/LI> <<>/UL> <<>/TD> <<>/TR> <<>TR> <<>TD> <<>UL type=DISC> <<>LI> <<>hr><<>hr> <<>/LI> <<>/UL> <<>/TD> <<>/TR> <<>/TD><<>/TR><<>/TABLE><<>/DIV> <<>/P> ITEM 6 -- "ADD AN ITEM"--LINK" AREA is TABLED BY WEBTV <<>P> <<>CENTER> <<>table NOCOLOR cellspacing=0 cellpadding=0> <<>tr><<>td> <<>H3> Item 6 -- Add a link -- title area <<>/H3> <<>tr><<>td height=0><<>SPACER type=block width=80> <<>TR> <<>TD> <<>UL type=DISC> <<>LI> <<>a href="http://members.tripod.com/~ocean2/images/creep.mpg"> creep.mpg <<>/a> <<>/UL> <<>/TD> <<>/TR> <<>TR> <<>TD> <<>UL type=DISC> <<>LI> <<>a href="http://www.myImager.com"> myImager.com <<>/a> <<>/UL> <<>/TD> <<>/TR> <<>/TD><<>/TR><<>/TABLE> <<>/CENTER> <<>/P> ITEM 7 -- "ADD AN ITEM"--HEADING" AREA <<>P> <<>HR> <<>H2>item 7 <<>br> heading area <<>br> table here??--NO!! <<>br> Depending on the page style selected,<<>br> headings are aligned to the left,<<>br> or in the center of the page.<<>/H2> <<>HR> <<>/P> ITEM 8 -- "ADD AN ITEM"--"PICTURE" AREA <<>P> <<>H3 align=right> Item 8 -- image should be aligned right (even #)<<>br><<>br> This is the title area <<>/H3> <<>P align=left> <<>IMG SRC="scrapbookFiles/importD0.gif" hspace=4 vspace=4 align=right WIDTH=230 HEIGHT=100> Item 8 -- image shouold be aligned right (even #) <<>br><<>br> This is the caption area <<>br> <<>br> <<>br> <<>br> <<>br> <<>br> <<>center>Html source code for this page is on: <<>br> <<>a href="http://community.webtv.net/Pwilliamandx/sourcecode2"><<>font color="EEE8AA"> <<>br> sourcecode2<<>/font><<>/a> <<>/center> <<>br> <<>br><<>br> <<>hr><<>hr> <<>br clear="all"> <<>/P> BOTTOM OF PAGE CODE <<>table border="0" cellpadding="0" cellspacing="2" width="100%"> <<>tr height=0> <<>td height=0> <<>spacer type=block width=30% height=0> <<>td height=0> <<>spacer type=block width=30% height=0> <<>td height=0> <<>spacer type=block width=30% height=0> <<>/tr> <<>tr> <<>td colspan="3"> <<>hr> <<>/td> <<>/tr> <<>tr> <<>td valign=middle width=30%> <<>font face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular"> <<>b> <<>/b><<>/font><<>/td> <<>td valign=middle width=30%> <<>center> <<>font face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular" size=-2><<>I> <<>a href="http://www.webtv.net">Powered by WebTV<<>/a> <<>/I><<>/font><<>/center> <<>/td> <<>td align=right valign=middle width=30%> <<>font face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular"> <<>b> <<>/b><<>/font><<>/td> <<>/td> <<>/tr> <<>tr> <<>td colspan="3"> <<>hr> <<>/td> <<>/tr> <<>tr> <<>td colspan="3"> <<>center> <<>A href=http://bn.bfast.com/booklink/click?sourceid=5257443&categoryid=homepage> <<>img height=72 width=392 src="clipart/styleMedia/bn1222_bn4.gif"><<>/A> <<>/center> <<>/td> <<>/tr> <<>/table> <<>/BODY> <<>/HTML>