Rounded style field set?

Nor · 01-25-2008, 09:01 PM

I've seen it done, but I forget where. How do you do it?

dschreck · 01-26-2008, 10:20 AM

The easiest way to do it with FF / Mozilla browsers is the following:

Code:

.rounded-top {
	-moz-border-radius-topleft: .8em;
	-moz-border-radius-topright: .8em;
}
.rounded-bottom {
	-moz-border-radius-bottomleft: .8em;
	-moz-border-radius-bottomright: .8em;
}

.rounded {
        -moz-border-radius: .8em;
}
.rounded-border {
        border: 1px solid #a4c0cd;
        -moz-border-radius: .8em;
}

I'm pretty sure there is an IE equivilent somewhere with the filters and such, just don't have a readily example.

GL.

CMellor · 01-27-2008, 07:28 PM

I don't think their is a way at all to do the rounded edge effect in IE... so you'll most likely have to use images, or make do without.

ETbyrne · 01-28-2008, 01:45 AM

Or the good old Javascript method!
> Nifty Corners Cube