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: 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?

    Code:
    < !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


    Content


    [attachment=2]instr-header.gif[/attachment]

    # 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!

    Thanks,
    Dan

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

You must be logged in to reply to this topic.

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