Forum Moderators: open

Message Too Old, No Replies

HR style support

         

keyplyr

8:17 am on Feb 22, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month




IE sees HR color, Firefox does not:

hr {
height:1px;
background:transparent;
color:#699;
margin:0;
}

What's needed? Thanks.

tedster

8:32 am on Feb 22, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



I gave up on styling the hr element. I figure it's not really semantic content anyway, so deprecation may happen before browser support.

I just use a one color gif, re-sized to do the job I need done. If the browser does imagesw at all, it works.

keyplyr

8:46 am on Feb 22, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month




LOL - I just went through and replaced 300+ gif lines with HR

pageoneresults

9:53 am on Feb 22, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



I utilize two generic classes...

.bb{border-bottom:1px solid #393;padding:0 0 10px 0;}
.bt{border-top:1px solid #393;padding:10px 0 0 0;}

I can then apply those generic classes to various elements. Works in all the browsers I've tested. Stripped out a bunch of those colored gifs I used to use sized to 100% by 1. ;)