1 reply [Last post]
beyerj
beyerj's picture
Offline
newbie
Last seen: 2 years 45 weeks ago
Timezone: GMT-5
Joined: 2011-08-14
Posts: 4
Points: 8

Hi guys,

I understand how they did the gradient background but how did they have the white foreground with the rounded edges? If I have the background be a gradient, what do I need to do so that I can have the white foreground (not make it an image so that it can expand and contract based on content)?

http://www.delegatearianakelly.com/

All help is appreciated.

Jonathan

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 13 hours 20 min ago
Dallas
Timezone: GMT-5
Joined: 2004-06-25
Posts: 9229
Points: 3235

Rounded corners?

Set the border radius, i.e.

#wrapper {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 9px 9px 9px 9px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.65);
    margin: 0 auto;
    width: 980px;
}

cheers,

gary

Unplanned code results in a tangled wad of brain-cramping confusion.

There are enough html & css demos and tutorials to be interesting. Please visit.