The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "SVG" Oct 14 - 6:30 PM Eastern
Get a free trial // Grow your CSS skills // Land your dream job

CSS Rounded Box help

  • # February 18, 2010 at 1:04 pm

    I have a gradient rounded box with a border. The header of the box is outlined text (but won’t need to change, so I’m using a GIF). The final result should look like this:

    I have it nearly figured out, but I can’t float the header in the proper place without it getting cut off. Can anyone assist?

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

    Untitled Document



    # February 18, 2010 at 3:37 pm

    Get rid of the overflow: auto on the .cB class, that should do it.

    But I would suggest rebuilding this div entirely, it’s not semantic at all.

    # February 18, 2010 at 4:37 pm

    Thank you! That nearly fixed it.

    Once I added the property "margin-right:14px;" to .cBw, that solved it.

    I’m also open to other improvements, if anyone has any. I realize that this is kind of clunky!


Viewing 3 posts - 1 through 3 (of 3 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