how to make Rounded corners?

Hello there,

Is there a way to make rounded corner styles for:
menus,submenus and modules?

thanks in advance,


flora-organica.com team

anybody, please?

Hi

Please show me an example on the item You want to round the corners.

flora wrote:

Hello there,

Is there a way to make rounded corner styles for:
menus,submenus and modules?

thanks in advance,


flora-organica.com team

Hi

Of course there is, but it need css styling with bg image support.
Pure CSS corner style works fine on FF and most browsers, but not on ie... as usual.

But good news ... ie9 is coming, finally with CSS3 & HTML5 support.
I drink to that!

Cheers

hey there

thanks for your interest,

actually, i want the rounded corners almost everywhere

in the menu, i want it in the following places :


and in the module i want it in these places too:

hello again,

Of course there is, but it need css styling with bg image support.

it's the classical way, but i want to avoid it because my colorful site needs so many bg images!

Pure CSS corner style works fine on FF and most browsers, but not on ie... as usual.

But good news ... ie9 is coming, finally with CSS3 & HTML5 support.
I drink to that!

i think ie6 doesn't even support the bg image support, as it can not see the transparency through the images
but for the other ie,
what do you exactly mean by

Pure CSS corner style works fine on FF and most browsers, but not on ie... as usual.

do rounded corners look weird, or do they look square (as if there are no rounded corner)?


either way,
i will still use the pure css,
and create an exception for ie (if it makes them look weird) to ignore rounded corners.

PS, i am still beginner in css, and would need help writing the respective code
thanks in advance

and cheers to a better ie!

flora-organica.com team

please?

I suggest to detect all elements which will have rounded corners with Firebug and apply for that elements border-radius rules at end of one of CSS files.

dziudek wrote:

I suggest to detect all elements which will have rounded corners with Firebug and apply for that elements border-radius rules at end of one of CSS files.

Yeap, but not supported on our friend IE.
The solution needs js support on IE, right?

hello there

I suggest to detect all elements which will have rounded corners with Firebug and apply for that elements border-radius rules at end of one of CSS files.

i looked for 'border-radius', and it seems there are the suffixes '-moz" and "-webkit"

now, put the "alien" IE aside
but when it comes to other browsers, what syntax should i use to ensure maximum compatibility?
because I've read somewhere that even the "-moz" prefix might cause some problems

thanks in advance

regards