Horizontal Rule question...

[lost]

Hi.
How do I make a horizontal rule stretch to the edge of each side of the page? I set <hr width="100%">, but it doesn't go all the way to the sides of the page?

Any insight?

[MotherNatrsSon]

Those are "deprecated" and you now need to use CSS to style the <hr>.

This may help
http://www.codingforums.com/showthread.php?s=&threadid=4682&highlight=horizontal+rule

MNS

[SDP2006]

Is there a way to make a horizontal rule a vertical rule? I've wanted to do this to seperate columns in a table without using an image.

[giz]

Use CSS to set which edges of the table cells are displayed and which are hidden.

[brothercake]

Originally posted by lost
Hi.
How do I make a horizontal rule stretch to the edge of each side of the page?
Here's an easy x-browser way to make controllable decorative HRs :

<div class="hr"><hr /></div>

Then style it so that the HR is invisible and the line comes from the DIV border; CSS browsers see that, while non-CSS browsers see the original HR:

div.hr {
width:100%;
border-bottom:1px solid black;
}
div.hr hr {
display:none;
}

That's the best of both worlds, because the appearance of the line is controllable while the semantics of the <hr /> remain :)

btw - I believe XHTML 2 has a <vr /> element ... you can also make vertical lines with element borders, or with vector markup.