Making Vertical <hr/> Lines?

I've seen sites that divided there content with vertical lines that are kinda like <hr/> tags. How do they do that? also what if you needed to different size lines for both horizontal and vertical?

 

Use CSS and give a <td> a border-left or border-right of your preferred width.

 

<hr> is "horizontal rule".

Those vertical lines are probably borders on either tables or css elements.

Pick a site that has one and view the HTML source code to see what they are doing.

 

I tryed that but i cant seem to figure it out, it wouldnt be nothing to do with a table so i dont understand why i would change <td>

 

Show us an example you want to copy and we'll show you what code does it.

 

Thanks i would appreciate that,http://garyblue.port5.com/ You see the line comming down towards the middle?

 

The whole reason i want to do this is so i can set a float without it going off the page, i usaly use absolute possitioning and i hear thats not good.

 

garyblue.port5.com could not be found...

 

That link doesn't work for me.

http://www.google.co.uk/search?hl=en&q=css+vertical+divider+line&btnG=Search&meta= should tell you all you need.

 

hmmm it works fine for me

thanks i didnt find exactly what i was looking for but i did find some very helpful information on making good menus which i've been wanting to do

that sucks that site doesnt pull up for you, it wont let me just highlight the line either so i could see the code for just that

 

That is, indeed, a border on the #content div.

#content {
    padding-left: 2%;
    [color=red]border-left: 1px solid #999;[/color]
    float: right;
    width: 60%;
    }

Code (markup):

The length of the <vr />, to coin an element, is dependent on the length of the content of that div. To have the <vr /> go the full height regardless of which side is longer, each must have a border that overlaps the other. An example of that is seen on the demo, 2 Column—Apparent Equal Height.

cheers,

gary