|
Here's some information on the <<>div> tags:
http://developer.webtv.net/authoring/html/div.html http://www.htmlcompendium.org/Adiv.htm
And information on html tags in general:
http://developer.webtv.net/authoring/html/ http://www.htmlcompendium.org/0frame.htm
Read this before using the <<>div> tags with the Webtv PageBuilder.
Webtv PageBuilder and the <<>div> tags
when used in the "add an item"--"heading" area:
<<>div align="right"> Items here will be aligned to the right of the page, including text, images used with urls, counters, guestbooks, entire table codes, etc <<>/div><<>div align="left"> Items here will be aligned to the left of the page including text, images used with urls, counters, guestbooks, entire table codes, etc <<>/div> <<>div align="center"> Items here will be aligned in the center of the page including text, images used with urls, counters, guestbooks, entire table codes, etc <<>/div>
Using
<<>p> <<>div align="center">
<<>table border="3" bgcolor="#800000"><<>tr>
<<>td align="center" valign="top" bgcolor="#000011"> <<>img src="url of image" width="150"><<>/td>
<<>/tr><<>/table>
<<>/div>
Click here to see why the <<>p> tag is necessary for tables in the Webtv PageBuilder.
More on Aligning Images and TextTables are the best way to control the alignment of text and images. http://junior.apk.net/~jbarta/tutor/tables/index.html Using:
<<>table width="800">
<<>tr align="center">
<<>td><<>img src="url of image"><<>/td>
<<>td><<>img src="url of image"><<>/td>
<<>td><<>img src="url of image"><<>/td>
<<>td><<>img src="url of image"><<>/td>
<<>/tr>
<<>/table>
Or you can use some of the alignment codes below.
(Do not use the "return" key when typing out multiple image tags; Webtv will automatically add <<>br> codes in between the tags and that will make the images appear on different lines.)
Using <<>div align="center">Text here<<>/div> will align text in the center of the page.
Text here text here More text more text
Using <<>div align="center"><<>img src="url of image"><<>/div> will align an image in the center of the page.
Using <<>div align="center"> Text above image here<<>br> <<>img src="url of image"><<>br> Text below image here <<>/div> will align the image and the text in the center of the page. Text here  More text here
Using <<>img src="url"> will have the image automatically aligned to the left of the page, and any text that follows will start near the bottom of the image and then wrap underneath the image.
Using <<>img src="url"
align="left"> will have the image align to
the left side of the page, and the text will start near the
top of the image, flow to the right of the image, and then
wrap underneath it.
Using <<>img src="url"
align="right"> on a non-webtv webpage will have the image align to
the right side of the page, and the text will start near the
top of the image, flow to the left of the image, and then
wrap underneath it. You have to use <<>div> tags to achieve the same result when using the Webtv PageBuilder.
 Using <<>div align="left"> <<>img src="url"
align="right">Text here <<>/div> will have the image align to
the right side of the page, and the text will be aligned to the left of the page and start near
the top of the image, flow to the left of the image, and
then the text will eventally wrap underneath it.
 Using <<>div align="right"> <<>img src="url"
align="right">Text here <<>/div> will have the image align to
the right side of the page, and the text will be aligned to the right of the page, and start near
the top of the image, flow to the left of the image, and
then the text will eventally wrap underneath it.
Using
<<>div align="center"><<>img src="url of image" hspace="30"><<>img src="url of image" hspace="30"><<>/div>
will align two images in the center of the page; the hspace provides space between the two images.
If you use the codes in this combination, you can have 3
images on the same line---provided the combined widths of
the images do not exceed the width of the page:
Using
<<>div align="center"><<>img src="url" align="left"><<>img src="url">
<<>img src="url" align="right"><<>/div>
More alignment codes:
Using <<>img src="url"
align="top"> will have the image align to
the left side of the page, and one line of the text will
start near the top of the image, and then the text will
wrap underneath it.
Using <<>img src="url"
align="middle"> will have the image align to
the left side of the page, and one line of the text will
start at the middle of the image, and then the text will
wrap underneath it.
Using <<>img src="url"
align="bottom"> will have the image align to
the left side of the page, and one line of the text will
start near the bottom of the image, and then the text will
wrap underneath it.
And try this with the align=middle attribute for multiple
images on the same line:
Using
<<>div align="center">
<<>img src="url" width="40" align="middle">
<<>img src="url" width="75" align="middle">
<<>img src="url" width="150" align="middle">
<<>img src="url" width="75" align="middle">
<<>img src="url" width="40" align="middle">
<<>/div>
|