Get a free trial // 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


    here is my code minus the lorem ipsum

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    <html xmlns="; >

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


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


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



    Here is my stylesheet

    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.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed