Subject: [css-d] styling a <hr /> in IE

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

Try the following:

<head>
        <title>Untitled</title>

        <style type="text/css">
        .hr {border:1px dotted #006666;

                  }

        </style>
</head>

<body>

<hr class="hr" />
</body>

Works IE Opera and FF

Ian
--
No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.1.405 / Virus Database: 268.11.7/437 - Release Date: 04/09/2006

______________________________________________________________________
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