Web Analytics Made Easy -
StatCounter Newbie need help creating HR in HTML/CSS - CodingForum

Announcement

Collapse
No announcement yet.

Newbie need help creating HR in HTML/CSS

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • Newbie need help creating HR in HTML/CSS

    How do i display dashes like below or even wider if possible?


    1) Example 1
    ___ ___ ___ ___ ___ ___


    2) Example 2
    _____ _____ _____ _____ _____

  • #2
    In firefox, just apply a background image to the hr tag. This won't work in IE though.

    A kind of hack:

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Untitled Document</title>
    <style type="text/css">
    div.hr {
    	height: 1px;
    	background: #fff url(http://i40.tinypic.com/iejak3.jpg) repeat-x;
    }
    </style>
    </head>
    <body>
    <div class="hr"></div>
    </body>
    </html>

    Comment


    • #3
      you could use a dashed border as well

      Comment

      Working...
      X