View Full Version : Custom Horizontal Rules

05-27-2005, 09:22 PM
Okay, what I'm wanting are some sort of custom <hr>'s. Does anyone here know where to or how to code them? Now I'm not talking about the normal custom ones that you can make by changing the color of them inside the <hr> tag and whatnot... No, I'm talking about the neat fading ones or gradient ones that look like they are fading away and stuff. I saw an example on a page I visited awhile ago, but the code didn't work. So, does anyone know the code that is needed to do this? Thanks.

Think of what I'm wanting by looking at the below:

|||||||||||||||||||||| | | | | | | | | | | | | | | | | | | | | |

...except it would be solid and stuff... lol... Any help is thankful.

05-27-2005, 10:38 PM
Nevermind everyone... I went ahead and scrapped the idea... Sorry

05-27-2005, 10:47 PM
you should think before posting.

05-27-2005, 11:22 PM
wow danny, nicely said... atleast he had the decency to kill the post and not leave it for others to waste their time on.

and just for that, lets exemplify what you call "Thinking before posting"

The website looks ok but it isnt bad.

... alrightythen.

Wolf, you did the right thing and we thank you for it.

05-28-2005, 08:27 AM
Nevermind everyone... I went ahead and scrapped the idea... Sorry

Well, if you ever decide to 'un-scrap' the idea, you can always set an image as a background for the <hr />

hr {
background: url('images/hrbackground.gif') top left no-repeat;
width: 400px;
border: none;

Something like that anyhow ;)

Kind regards,


05-28-2005, 08:32 PM
For reference, here's a code I use (IE only, I think) for a faded look on an HR:

#tab1 {
filter:Alpha(Opacity=100, FinishOpacity=000, Style=1, StartX=0, FinishX=100, StartY=0, FinishY=100);

And one for a VR:

#tab2 {
filter:Alpha(Opacity=100, FinishOpacity=000, Style=3, StartX=0, FinishX=100, StartY=0, FinishY=100);

06-08-2005, 11:22 PM
Thanks guys for your help. I really appreciate it. I tried the suggestion that ArcticFox posted, and it works great... So if anyone else ever reads this post, be sure to use that suggestion that Fox posted because it is exactly what I was looking for!

Thanks again... :thumbsup: