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. Discount Web Design The web design that your business presents to the world helps to form an image of your company and the level of work that can be expected in the customer's mind. It is for this very reason that having great web design is important to your company's website. However, not all companies can afford to have professional web design done for their businesses, especially if they are a new start-up running off of the pocketbook of the owner or if they are an individual who provides freelance services. F… 2. 3 Quick Tips for Selling More on Your Website Recently, after a delicious dinner, a long-time friend askedme, 'Can you give me some tips for selling more on my website?''Absolutely,' I said. We logged on and took a look. Andhere's what I suggested:1. Have at-a-glance category linksHave links to your product categories laid out at-a-glance along the left side of the screen. Studies that follow visitors through online stores show that when links are clearly laid out, some visitors will make impulse purchases. The visitor who came to your site… 3. IS YOUR WEB SITE UNFRIENDLY? Part 9 of 9 Other 'unfriendly' things often found on web sites are:1 'Blinking' text--fortunately not so common these days.2 Words marching across the page.3 Words marching across the status bar at the bottom ofthe browser. That's where I want to see the URL of the linkat which my mouse is pointing, for goodness' sake!These gimmicks, along with animated graphics, are extremelydistracting, especially to the eyes of visitors who are muchmore interested in what the owner of the web site has tosay.SUMMING UP:We… 4. Make your site grow with the times How do you ensure the continuous flow of sales and other positive aspects that your site gives you? Go on with your usual distribution and promotion of your print ads. As with these prints, your site should be updated in order to have people coming back for recent information. It would be a waste of time and a disappointment for them to go to your site to see the latest and get the read the same things that they have read like one or two years ago. If your site is like this, you have just signed… |
||||
