Thanks Stephen,

I had been using a hack, inserting "style: solid; " into the hr { } but of 
course not valid css and
then came across this:

http://www.sovavsiti.cz/css/hr.html

but didn't like the final solution using an image and then found the guts of 
the posted rule in
another style sheet of mine and  inserted the background-color and there it 
was, didn't have the
full range of browsers tho, to test.......so didn't run the full gamut of 
addition and subtraction,
lol

Another solution is to add bottom-border to various block level elements but 
that can get very
clumsy........

thanks again.......
----- Original Message -----
From: "Stephen Caudill"
Sent: Sunday, January 16, 2005 1:14 PM
Subject: Re: [wdvltalk] Styling <hr />


: Michael,
:
: Opera 7.51 had a 6px hr (I'm guessing that it is applying the color to
: the hr's height and then adding a border of the same color as well,
: 3px height + 3px border = 6px hr).  A quick check in Safari shows it
: is doing the same thing.  I just set up a quick test and had a play
: around with it and this is what I came up with:
:
: http://mechavox.com/sandbox/css_hr_styling.html
:
: Seems to appear the same, cross-browser when you set border to 0 and
: just go with the height.
:
: - Stephen
:
:
: On Sun, 16 Jan 2005 12:18:13 +1300, michael ensor
wrote:
: > TIP
: >
: > This works across IE6 Firefox and Opera 5.1
: >
: > hr { height : 3px;  border-width : 3px 0px 0px 0px;  border-style : solid;  
border-color :
#00BFFF;
: > color : #00BFFF; background-color: #00BFFF;}
: >
: > naturally it is slightly different in appearance in Opera, but better than 
an empty box, lol,
and it
: > avoids having to use an image.....be interested to know how it fares in 
later Opera
: > versions...anyone?



-- 
No virus found in this outgoing message.
Checked by AVG Anti-Virus.
Version: 7.0.300 / Virus Database: 265.6.12 - Release Date: 14/01/05


____ • The WDVL Discussion List from WDVL.COM • ____
To Join wdvltalk, Send An Email To: mailto:[EMAIL PROTECTED] or
use the web interface http://e-newsletters.internet.com/discussionlists.html/
       Send Your Posts To: [email protected]
To change subscription settings, add a password or view the web interface:
http://intm-dl.sparklist.com/read/?forum=wdvltalk

________________  http://www.wdvl.com  _______________________

You are currently subscribed to wdvltalk as: [email protected]
To unsubscribe send a blank email to [EMAIL PROTECTED]
To unsubscribe via postal mail, please contact us at:
Jupitermedia Corp.
Attn: Discussion List Management
475 Park Avenue South
New York, NY 10016

Please include the email address which you have been contacted with.

Reply via email to