Eystein Alnaes wrote:

>I've been looking around for this without finding a working solution, is
>there any way to style a horisontal ruler in IE? More specifically I'm
>looking for the equalent of a 1px dashed border, but I want to avoid using a
><div> for semantic reasons. For standard browsers I've used
>
>hr.ruler {
>    padding: 0;
>    margin: 0;
>    border: none;
>    height: 1px;
>    background: transparent url(../../Media/Common/hr.gif);
>}
>
>Eystein
>  
>
Hi Eystein,
It's possible to use a 1px dashed border for styling the hr:

hr.ruler {
    height: 1px;
    margin: 0;
    padding: 0;
    border-top: 0;
    border-bottom: 1px dashed #CC9900;
}

No img needed, and even no IE hacks! :-)
See testpage 
<http://home.tiscali.nl/developerscorner/css-discuss/test-adapted-hr-line.html>.

Gretings,
francky


______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to