![]() | #1 |
HyperActive Warrior Join Date: 2010
Posts: 314
Thanks: 61
Thanked 13 Times in 12 Posts
|
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. ![]() Any input? Thanks. |
![]() |
![]() | #2 |
Location Independent War Room Member Join Date: 2011 Location: Bangkok, Thailand
Posts: 411
Thanks: 99
Thanked 83 Times in 55 Posts
|
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.
|
Living in SE Asia.. BKK.. PM me for a beer! | |
![]() |
![]() | #3 |
Warrior Member Join Date: 2011
Posts: 7
Thanks: 0
Thanked 1 Time in 1 Post
| |
![]() |
![]() | #4 |
Mobile Expert War Room Member Join Date: 2011
Posts: 287
Thanks: 18
Thanked 15 Times in 15 Posts
|
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.. |
Proud owner of the most flexible mobile app builder. Check it out at http://bit.ly/hybrica! Mobile Web Expert & Android Developer | |
![]() |
![]() | #5 |
Digital Marketer War Room Member Join Date: 2010 Location: Australia
Posts: 12,472
Thanks: 1,984
Thanked 8,187 Times in 4,079 Posts
|
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. |
| |
![]() |
![]() | #6 |
HyperActive Warrior Join Date: 2010
Posts: 314
Thanks: 61
Thanked 13 Times in 12 Posts
|
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. |
![]() |
![]() | #7 | |
Warrior Member Join Date: 2011 Location: Glossop
Posts: 4
Thanks: 0
Thanked 0 Times in 0 Posts
|
I agree, CSS3 is creeping upon us daily! Why not use it now, it all depends on your audience/market I guess?...... | |
| ||
![]() |
![]() |
Bookmarks |
Tags |
corners, css3, rounded |
Thread Tools | Search this Thread |
| |