DIV tags

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

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 Text

Tables 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>









Powered by WebTV
next page