Sent by Brian Lawlor on 15 February 2003 21:09
I am trying to get a 4px height "dashed-line" effect to render the same way
in both IE6 and Mozilla 1.2. I got the effect I want in IE6 in my prototype
at:
http://www.lsnc.net/proto/index.html
with the "tight" dashes in the blue line below the "Updates & New Links"
image at the top. The code is embedded as:
div#content hr.dashed {
width: 98%;
margin-top: 0;
height: 4px;
border-top: 2px dashed #006ED2;
border-bottom: 2px dashed #006ED2;
background-color: white;
}
(In IE6, this works without the background color.) In Mozilla, I get an
unsatisfactory result with the gap between the dashed borders and the dashes
themselves are indivially wider and further apart.
Any suggestions on how to get the desired effect in Mozilla?
- Brian
