It looks like you're using an Ad Blocker.

Please white-list or disable in your ad-blocking tool.

Thank you.


Some features of ATS will be disabled while you continue to use an ad-blocker.


Vertical Line

page: 1

log in


posted on May, 25 2009 @ 05:51 AM
Hey guys,

Im trying to make vertical lines on my page to display my contact information and I cant figure out how to put in a vertical line/bar using HTML and/or CSS. Its not a navigation link just a separator.

How do I make the bars below?

Example | Example | Example | Example | Example


posted on Jun, 25 2009 @ 10:21 AM
Do you mean you want them taller than your example? Because your example is exactly how you do that.

if you want taller ones, then you just create a div, and set it to the height you want. Set the border to 0, set the width to 1 px, and set the background color to black or whatever color you want.

But if you just want seperators like your example, then just put in the pipes "|". If I need a big long divider, then you have to use a div.

posted on Jul, 1 2009 @ 11:31 PM
reply to post by Event Horizon

You should be able to add the bars without trouble. As the above post said, you do it exactly the way you mentioned. There is not tag for the | line, just enter it into the script as it is.

posted on Aug, 17 2009 @ 01:16 PM
Try using the the following sequence of keys and characters in your HTML code instead:

& # 0 1 2 4 ;
(shown here with spaces)

This should produce the vertical line separator.

Using | produces |

new topics

top topics

log in