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: http://danspeziale.com/images/instr_step5.jpg

    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" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    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