Search
Recommended Sites
Related Links






   

Informative Articles

Making Better Web Graphics that grab your attention and load FAST.
AG Graphics Making Better Web Graphics that grab your attention and load FAST. Volume 1, Issue 1 October 1, 2004 You are subscribed to - Making Better Web Graphics that grab your attention and load FAST. If you wish to be removed, you can find...

Separating Presentation, Content and Structure
The overall quality of the website quantifies its worth. It must not only be unique, flashy or overwhelming, it should also be functional, entertaining. It is not only there for display. Its there for a purpose and it should serve that purpose....

Spice Up Your Web Site With Rotating Images
Normally I don't like moving objects when I arrive at a web site. It distracts visitors from getting to the content. However, many web sites could enhance their visitor's experience by creating rotating images on the home page. Here's a good...

Successful Website - Secrets
Does your business have a presence on the Internet? Is it doing well? Did you know that the most important factor effecting your business on the internet is your web site? No matter how good your product is, no matter how low your product is...

Why Autoresponders Are an Essential Tool for Every Internet Business
I admit it -- when I'm on the Internet, I want everything instantly. And I know I'm not alone; in our high-speed world we expect to get what we want with the click-of-a- mouse. To help fulfill this desire for everything "now, now, now!", many...

 
How to Insert a Vertical Divider Line into Your Web

Unlike creating a horizontal vertical line by inserting an
tag, a simple html code is not available to insert a
vertical divider line into your web page.

However, there are two simple ways to insert a vertical
divider line...

1. Create a "Graphic" Vertical Divider Line

You may insert a graphic image (.gif) as your divider
line and align it next to your paragraph. Although
you'll be forced to use this method if you need a
divider line that has an odd shape or color, this
is not the most efficient method.

By using a graphic as a divider line, you'll risk the
graphic line not being lined up correctly when others
view your web pages. Also, it could slow loading time
for your web page.

This method should only be used if necessary.

2. Create a "Thin" Table to Divide Your Columns

If you simply want a line to divide your web page
sections, the best way to do so is using a table.

Simply create a table between your sections (you may
have three columns with the middle column becoming the
divider line.)

You can make the column as small as "1 pixel or percent
of table" wide, or larger if needed.

Also, you can select different colors for this table
to match your web page colors.

This is an easy way to create a divider line, and will
not hinder visitors and page loading time.

Follow the link below to view a sample web page
using a table as the vertical divider line...

http://www.webmastercourse.com/web-design-weekly/vertical-line-divider.htm

This page was created using Netscape Composer, and
the steps taken were as follows:

1. Create a three-column table that is 600 pixels
in width.

2. Sizes are as follows: Far left column size
(18 % of table), middle column (1 % of table), far
right column size (81 % of table).

3. Changed the color of the middle column to match
my text links (navy blue).

4. Inserted the number "0" into the divider column
and made the number "0" the same color as the
column (navy blue). The reason I did this is because
Netscape Composer web pages will not show a
table or column of a table unless it has text within
it. Don't know why, but it's so. I insert the
number "0" so that the divider column will show,
but the visitor does not see this number because
I've made it the same color as the column -
it's hidden.

Take these four steps in Netscape Composer to
create a vertical divider line that's neat and
easily viewed by your visitors.

You can get very creative with tables!

About the Author
Candice Pardue, editor of
Web Design Weekly. Affordable web design services
now available. Go here for details and a FREE web
design quote...
http://www.webmastercourse.com/web-design-services/

Sign up for PayPal and start accepting credit card payments instantly.