|
|
|
|
Thread title: Rounded Corners |
|
|
|
|
|
Thread tools
Search this thread
Display Modes
|
|
02-09-2009, 10:27 PM
|
#1
|
Status: Junior Member
Join date: Jan 2009
Location: UK
Expertise:
Software:
Posts: 78
|
Rounded Corners
Which is the best and correctly way of doing rounded corners?
Some websites say with images others without images and using only CSS..
Thanks
|
|
02-09-2009, 10:46 PM
|
#2
|
Status: Junior Member
Join date: Mar 2007
Location:
Expertise:
Software:
Posts: 89
|
Best way is images, just make sure they are sliced as .png with transparency.
Rounded corners in CSS? sounds way complicated, not too mention pointless.
|
|
02-10-2009, 12:42 AM
|
#3
|
Status: Member
Join date: Jul 2006
Location: UK, Yorkshire
Expertise:
Software:
Posts: 117
|
This may be of help to you. http://www.cssjuice.com/25-rounded-c...ques-with-css/ (seems there are quite a few techniques of doing it.)
I remember playing around with web-kit before for rounded corners but not all browsers seem to support it. It really is much better than using images to do it.
|
|
02-10-2009, 08:45 AM
|
#4
|
Status: Junior Member
Join date: Jan 2009
Location: UK
Expertise:
Software:
Posts: 78
|
ajtaylor using images it's compatible with all browers?
Why is so important to use .png with transparency?
Many Thanks for your help guys!
|
|
02-10-2009, 09:16 AM
|
#5
|
Status: Sin Binner
Join date: Nov 2006
Location: Singapore.
Expertise:
Software:
Posts: 1,363
|
.rounded {
-moz-border-radius: 2em;
border-radius: 2em;
}
|
|
02-10-2009, 09:20 AM
|
#6
|
Status: Junior Member
Join date: Jan 2009
Location: UK
Expertise:
Software:
Posts: 78
|
Sahil but that is compatible with IE for example?
|
|
02-10-2009, 10:26 AM
|
#7
|
Status: Sin Binner
Join date: Nov 2006
Location: Singapore.
Expertise:
Software:
Posts: 1,363
|
Originally Posted by sfreitas
Sahil but that is compatible with IE for example?
|
Nope.
|
|
02-10-2009, 10:53 AM
|
#8
|
Status: Member
Join date: Jul 2006
Location: UK, Yorkshire
Expertise:
Software:
Posts: 117
|
It doesn't even work in chrome, so a bit of useless code until all the browsers catch up.
|
|
02-10-2009, 10:59 AM
|
#9
|
Status: Sin Binner
Join date: Nov 2006
Location: Singapore.
Expertise:
Software:
Posts: 1,363
|
Originally Posted by mark.
It doesn't even work in chrome, so a bit of useless code until all the browsers catch up.
|
http://dowebsitesneedtolookexactlyth...rybrowser.com/
I'm guessing text shadow is a bit of useless code until all browsers use it (which will be never)?
It's called progressive development. Build for the best, and let it work for the rest.
|
|
02-10-2009, 11:28 AM
|
#10
|
Status: Member
Join date: Jan 2007
Location: West Midlands, UK.
Expertise:
Software:
Posts: 371
|
Originally Posted by mark.
It doesn't even work in chrome, so a bit of useless code until all the browsers catch up.
|
Code:
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
Chrome uses webkit.
|
|
|
|
|
|
|
|
Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
|
|
|
|