Monday, May 9, 2011

Dotted HR on IE7

From lasiman's comment in this article:
"REAL DOTTED without Image can be accomplished by:
border:0px; border-top:1px dotted #000000; height:0px;
works in all browsers..
have a good day.."

2 comments:

  1. really? doesn't work for me

    ReplyDelete
  2. Simple test certainly works for me:

    <!DOCTYPE html>
    <html>
    <head>
    <title>Test Dotted HR</title>
    <style type="text/css">
    hr { height:0px; margin:12px 0; border:0; border-top:1px dotted #8b8b86; }
    </style>
    </head>
    <body>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
    <hr>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
    </body>
    </html>

    ReplyDelete