Grow your CSS skills. Land your dream job.

Help with the video cast of rounded corners.

  • # June 26, 2008 at 10:23 pm

    I am missing something and can’t figure it out. I can get the top of the rounded corner and the bottom. but when i follow the example for the middle. It doesn’t work. The middle doesn’t line up with the top and bottom. the
    background: url(box-middle.png) center repeat-y; doesn’t seem to be doing it’s job.

    this is what i end up with

    [img]http://www.cybersmods.com/untitled.PNG[/img]

    here is my code minus the lorem ipsum

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
    <html xmlns="http://www.w3.org/1999/xhtml&quot; >

    <head>
    <link href="stylesheet.css" rel="stylesheet" type="text/css" />
    <title></title>

    </head>

    <body>
    <div class="box-one">
    <img src="box-top.png" alt="" />

    <p>
    </p>

    <img src="box-bottom.png" alt="" />

    </div>

    </body>
    </html>

    Here is my stylesheet

    .box-one
    {
    width:300px;
    background: url(box-middle.png) center repeat-y;
    }

    # June 26, 2008 at 11:47 pm

    There might be some other CSS interfering? Maybe just download the code that I put up in the post and check out how it’s working in there.

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".