Warrior Forum - The #1 Digital Marketing Forum & Marketplace

Warrior Forum - The #1 Digital Marketing Forum & Marketplace (https://www.warriorforum.com/)
-   Mobile Marketing (https://www.warriorforum.com/mobile-marketing/)
-   -   Rounded Corners without CSS3? (https://www.warriorforum.com/mobile-marketing/461066-rounded-corners-without-css3.html)

lirikh 29th September 2011 01:20 PM

Rounded Corners without CSS3?
 
Is there a way to accomplish rounded corners without the use of CSS3 or tables' rounded corner images? CSS3 is not compatible on all phones, and I've always tried to avoid tables.

I'm trying to build a navigation menu like the ones below, but I can't figure out how the rounded corners were made.

http://i.imgur.com/zBjWe.jpg


Any input?

Thanks.

Joe Motion 29th September 2011 01:35 PM

Re: Rounded Corners without CSS3?
 
Those are the only 2 ways that I know of.. just use CSS.. the mobile browsers that don't use it won't look that bad.

FitChic4Life 29th September 2011 02:33 PM

Re: Rounded Corners without CSS3?
 
These three sites may be helpful to you:

RoundedCornr: Rounded Corner and Gradient Generator

Round corners in pure css for liquid design and transparent scrolling - tutorial and stylesheet

The Trick to Rounded Corner Tables ยป SitePoint

Jonas B 29th September 2011 03:45 PM

Re: Rounded Corners without CSS3?
 
First of all, if you don't use CSS3 for rounded corners, than the only thing you can use are images of rounded corners.

I also wouldn't go with tables, as the menus you are showing should be a simple ul.

Although i wouldn't care about it as iphone and android support it, blackberry will soon..

WillR 1st October 2011 08:25 PM

Re: Rounded Corners without CSS3?
 
Those are my designs you have displayed and they were simply done using CSS3. As others have stated the corners are just square on those phones that do not currently support CSS3 however it won't be long before most of the major phones all support and use CSS3.

Definitely use CSS3 over images - a much smarter way of doing things.

lirikh 2nd October 2011 12:57 AM

Re: Rounded Corners without CSS3?
 
Which kind of css3 do you use for rounder corners? moz, webkit or gecko? or adapt all of them? Gotta research more on that.

Question for your theme design: what made you not add any gradient style? I think a little somewhere would be good to add, since gradient are made easily with css3 and i'lve always wanted some kind of gradients in my design.

Flat Fee Recruitment 11th October 2011 05:08 PM

Re: Rounded Corners without CSS3?
 
Quote:

Originally Posted by Jonas B (Post 4779852)
First of all, if you don't use CSS3 for rounded corners, than the only thing you can use are images of rounded corners.

I also wouldn't go with tables, as the menus you are showing should be a simple ul.

Although i wouldn't care about it as iphone and android support it, blackberry will soon..


I agree, CSS3 is creeping upon us daily! Why not use it now, it all depends on your audience/market I guess?......


All times are GMT -6. The time now is 12:34 PM.