It looks like you're using an Ad Blocker.

Please white-list or disable AboveTopSecret.com 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
0

log in

join
share:

posted on May, 25 2009 @ 05:51 AM
link   
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



Thanks



posted on Jun, 25 2009 @ 10:21 AM
link   
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
link   
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
link   
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 |




top topics
 
0

log in

join