SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    SitePoint Zealot
    Join Date
    Aug 2007
    Location
    Egypt-Luxor city
    Posts
    192
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    rounded corner issue

    i cant imagin why this rounded corner not work heres the code

    Code:
    <html>
    <head>
    <style>
     .box {
    width: 229px;
    background: #d34a4a   url('bottom3.gif') no-repeat left bottom;
    }
    .box h2 {
    background:   url('Untitled-1_03.png') no-repeat left top;
    padding: 10px 20px 0 20px;}
    .box p {
    padding: 0 20px 10px 20px;
    }
    </style>
    </head>
    
    <body>
    <div class="box">
    <h2>Headline</h2>
    <p>Content</p>
    </div>
    </body>
    </html>
    plz can anyone help me
    Attached Images Attached Images

  2. #2
    Design Your Site Team bronze trophy Erik J's Avatar
    Join Date
    May 2007
    Location
    Countryside, Sweden
    Posts
    3,407
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I did check, and it does work.

    The box width is much wider than the image though. If set the same as the image, it works as expected.

    But I recommend using a proper doctype also when only testing, otherwise the result can be misleading. E.g.:
    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    Happy ADD/ADHD with Asperger's


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •