How to Insert a Vertical Divider Line into Your WebGet 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.
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!
|
More Articles:1. Basic Graphic Design By Kelly Paal Wether you design your business brochures, flyers, web page, or ads there are some things that you need to know. There are some basic graphic design principles that those of us trained in the commercial art/graphic design field don’t always share. Here’s a short list of elements of graphic design that you can use today.ColorThis is the first and most important. Color is everything. It’s why we buy HDTV sets to get better color. You want to consider your product first. Is there a color that fit… 2. Web Design Mistakes - Graphics This article may be published electronically or in print, free of charge, without alteration to any content and the resource box at the end of the article is included in it's entirety without alteration. A courtesy copy of your publication would be appreciated.Web Design Mistakes - Graphics *********************************************************** Good design involves a good balance of text and graphic design. How many graphics you choose to use on your web page, if any, depends on what your s… 3. Creating Dynamic Website Content with PHP - MySQL Fresh website content for your visitors can be of real benefit when attempting to generate repeat traffic. Most webmasters, however, just don’t have enough spare time to frequently update or rebuild their pages manually. If your web site hosting company provides free access to PHP and MySQL, this article will show you how to combine those two open source tools and replace a portion of your websites’ static content with frequently changing dynamic content.Why do you need dynamic content for your… 4. If It's Done It's Done for: Make Your Website Part of Your Business before You Build Make your small business website into an ongoing resource for visitors and an aid in marketing your business, products, services and people by avoiding the 'Its done!' trap.Web sites are an Ongoing Part of Business.All too many small business owners build a web site that is considered complete once the final copy is placed. Do not stop there, if you really want to make your investment into the Web part of a profitable marketing solution, you need to ensure that people return to your site, refer … |
||||
