have a nice day lists three types ordered unordered definition html bluefox menu cmd bounce testbed Ctrl ftp bgsounds embed
have a nice day lists three types ordered unordered definition html bluefox menu cmd bounce testbed Ctrl ftp bgsounds embed
tutes_align.gif have a nice day lists three types acronym ordered align unordered definition html bluefox attributes html menu cmd bounce testbed Ctrl ftp bgsounds embed

If you want to center anything then simply use the tag <center> and everything thereafter will be centered. When finished use </center> which will stop (close) whatever from being centered. Very soon this tag will be what is callad "denegrated" which means it won't be supported by browsers in the very near future.

Another command to center whatever is <div align="center"> and to close you use </div>. When you want to set the alignment for more than one paragraph or heading at a time you can use the above tag, <div>, or division, tag. The tag <div> used by itself and the close </div> does nothing by itself. If you include an align attribute of left, right or center then you're in business. So the difference between the above and the below is explained with the following codes:

<div align="center">
<h1>Have A Nice Day</h1>
</div>

or you could use:

<h1 align="center">
Have A Nice Day
</h1>

You can use <h1> through <h6> with <h1> being the largest for text size. The attributes can be left, right or center.

When you start a paragraph with <p> you can specify alignment to the left and right margins by using <p align="left">, which is seldom used because you can use just plain old <p>, <p align="right"> or <p align="center"> and always close with </p> after typing all of your text.

If you want to align an image within the <img> tag use the attribute of: align="right" or align="left" BUT NOT align="center" such as:

<img width="?" height="?" border="0" src="image_URL_here" align="right" alt="very short image description goes here">

If you want to center an image use:

<center>
<img width="?" height="?" border="0" src="image_URL_here" alt="very short image description goes here">
</center>

or you could use:

<div align="center">
<img width="?" height="?" border="0" src="image_URL_here" alt="very short image description goes here">
</div>

Vertical Image Alignment

align="..." is an attribute of the <img>tag

To line up the top of an image with the top of the largest image or letter on the same line use align="top"

To line up the bottom of an image with the bottom of the text use align="bottom"

To line up the bottom of an image with the bottom of the lowest image or text on the same line use align="absbottom" If there's some larger images on the same line then align="absbottom" might place an image lower than align="bottom".

To line up the middle of an image with the baseline of the text use align="middle" so click here for an example.

To line up the middle of an image with the overall vertical center of everything on the line use align="absmiddle". This might be higher or lower than align="middle" depending on the size and alignment of other images on the same line. The "abs" stands for absolute BTW.

Table Alignment

The default vertical alignment in cells of tables is "middle"; you can alter the vertical alignment by using valign="top" or valign="bottom" or valign="middle" in either the tr tag or the td tag.
Using <tr valign="top"> will force the content of all the cells in that row to be aligned to the top of the cell. Using <tr valign="bottom"> will force the content of all the cells in that row to be aligned to the bottom of the cell.

Using <td valign="top"> will force the content of just that particular cell to be aligned to the top of the cell. Using <td valign="bottom"> will force the content of just that particular cell to be aligned to the bottom of the cell. Using <td valign="middle"> will force the content of just that particular cell to be aligned to the middle of the cell.

The default horizontal alignment in cells of tables is "left"; you can alter the horizontal alignment by using align="center" or align="right" or align="left" in either the tr or td tags.

Horizontal Alignment Using hspace

You can also use the attribute hspace="n", which is the horizontal space separating the image from other content, for indenting an image from the left margin. You can also use vspace="n" which is the vertical space separating the image from other content. In the below I used hspace="200". I believe that 200 is the maximum number you can use?

<img width="100" height="55" border="0" src="images/us_flag.gif" hspace="200" alt="US flag"> I always use relative URL's.

Here I used hspace="30" and the <img> tag three times:

Add the width of the image (3 times 100) to the hspace grand total 90 to get the proper horizontal spacing and remember the width of a web page (for WebTV it is 560 pixels wide) and do not exceed that width. Play with the value of hspace and see how the results look in a testbed. For more on web page and e-mail dimensions click here. If you use the same image more than once on a web page, as I did above, it's a good idea to fool the browser and add a question mark and a number like ?1 and then ?2 then ?3 to the end of the URL for example:
images/us.flag.gif
images/us.flag.gif?1
images/us.flag.gif?2
images/us.flag.gif?3

BTW there is no need to beam or transload the image but one time. If you're using a image at say Image Magick, MyImager or GifWorks then remove all characters after the extension name and do your alterations.

You can use <ul> one time and that tag moves the entire paragragh to the right as does using more than one <ul> tag but for every <ul> tag used always use the same amount of closes , </ul>, when closing with </ul>.  For web pages using a side border the use of three <ul> tags then the rest of the body after that works perfect. Remember to use three </ul>'s tags when closing.

Now for some basic table alignments I'll simply refer you to the table master himself The Professor.

For various PageBuilder tips on alignment try this page and also this page and also here and here all are authored by Pwilliamandx.

               To The Blue Fox Menu