How to Insert a Vertical Divider Line into Your Web



Get Web Design Tips and Tricks on mps-web-design.com. How to Insert a Vertical Divider Line into Your Web topic will increase your understanding on Web Design Tips and Tricks. We at mps-web-design.com only provide news, articles, information in Web Design Tips and Tricks. Web Design Tips and Tricks at mps-web-design.com provides the most up to date news and articles. If you have questions please do not hesitate to contact us.

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!



The Vertical Project. - Why Increase Your Vertical Leap by 6-12 Inches, When You Can Double It?
Go Up Strong! - Increase Your Vertical and Teach Yourself to Dunk in a Matter of Days using this Revolutionary New System!


Article Index: | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 | 65 | 66 | 67 | 68 | 69 | 70 | 71 | 72 | 73 | 74 | 75 | 76 | 77 | 78 | 79



More Articles:


1. Make Your Site Easy To Navigate
Competition on the Internet is fierce. Just a mouse click away are hundreds of other sites offering the same products/services that you offer. So when all your hard work has paid off and a potential client has found your site, you want to be sure they can easily find what they want so they can buy it from you. According to the Giga research group, 70% of all web site visitors leave a site without finding what they came for. Imagine what will happen to your bottom line if 70% of all prospective c…

2. THERE IS NOTHING WRONG WITH USING WYSIWYG EDITORS, IF YOU ALREADY KNOW HOW TO WRITE HTML
This article is not to persuade anyone to change their existing methods of producing websites, nor is it my intention to offend anyone. I wrote this article to defend people who like to use WYSIWYG editors.There really is nothing wrong with using a WYSIWYG editor - especially if you already know how to write HTML and scripts. When you know how to write your code, you can better understand what is going on with the code. Actually, if you don't know how to write HTML, a WYSIWYG editor can be a goo…

3. Is your website poised to deal with its growth
Is your web site poised to deal with its growth? Pre-emptive measures hold answer to growth blues The pangs of growth Every webmaster nourishes the dream that his or her web site will make it the big way. This is very much human because people carry out any task in ardent hope. What is more human out here is that earthy fellows like us base our aspirations more on speculation rather than specific set of steps undertaken to bring the dream a bit closer to reality. And this is not all, particular…

4. Finding the Perfect Web Designer 101 By Teri Tucker
So, you've decided that your company needs a web site. Now what? Since we are ultimately talking about your "online business image", unless you yourself have web design experience, finding that perfect web designer to create your company site is a very important next step. If you've never had a web site created before, you will find that there is quite a lot to consider if you want your site to be successful, and you may have to do a bit of homework to find the right person for you.Regardless …