TalkPHP - Rounded style field set?

TalkPHP (http://www.talkphp.com/forums.php)

- XHTML, HTML, CSS (http://www.talkphp.com/xhtml-html-css/)

- - Rounded style field set? (http://www.talkphp.com/xhtml-html-css/2096-rounded-style-field-set.html)

Nor	01-25-2008 09:01 PM

Rounded style field set?

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

All times are GMT. The time now is 07:32 PM.