Today's Posts Follow Us On Twitter! TFL Members on Twitter  
Forum search: Advanced Search  
Navigation
Marketplace
  Members Login:
Lost password?
  Forum Statistics:
Forum Members: 24,254
Total Threads: 80,792
Total Posts: 566,471
There are 1254 users currently browsing (tf).
 
  Our Partners:
 
  TalkFreelance     Design and Development     HTML/XHTML/DHTML/CSS :

Rounded Corners

Thread title: Rounded Corners
Closed Thread  
Page 1 of 3 1 2 3 >
    Thread tools Search this thread Display Modes  
02-09-2009, 10:27 PM
#1
sfreitas is offline sfreitas
Status: Junior Member
Join date: Jan 2009
Location: UK
Expertise:
Software:
 
Posts: 78
iTrader: 0 / 0%
 

sfreitas is on a distinguished road

Send a message via ICQ to sfreitas Send a message via MSN to sfreitas

  Old  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
ajtaylor is offline ajtaylor
ajtaylor's Avatar
Status: Junior Member
Join date: Mar 2007
Location:
Expertise:
Software:
 
Posts: 89
iTrader: 2 / 100%
 

ajtaylor is on a distinguished road

  Old

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
mark. is offline mark.
Status: Member
Join date: Jul 2006
Location: UK, Yorkshire
Expertise:
Software:
 
Posts: 117
iTrader: 0 / 0%
 

mark. is on a distinguished road

  Old

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
sfreitas is offline sfreitas
Status: Junior Member
Join date: Jan 2009
Location: UK
Expertise:
Software:
 
Posts: 78
iTrader: 0 / 0%
 

sfreitas is on a distinguished road

Send a message via ICQ to sfreitas Send a message via MSN to sfreitas

  Old

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
Sahil is offline Sahil
Status: Sin Binner
Join date: Nov 2006
Location: Singapore.
Expertise:
Software:
 
Posts: 1,363
iTrader: 3 / 64%
 

Sahil is an unknown quantity at this point

Send a message via AIM to Sahil Send a message via MSN to Sahil

  Old

.rounded {
-moz-border-radius: 2em;
border-radius: 2em;
}

02-10-2009, 09:20 AM
#6
sfreitas is offline sfreitas
Status: Junior Member
Join date: Jan 2009
Location: UK
Expertise:
Software:
 
Posts: 78
iTrader: 0 / 0%
 

sfreitas is on a distinguished road

Send a message via ICQ to sfreitas Send a message via MSN to sfreitas

  Old

Sahil but that is compatible with IE for example?

02-10-2009, 10:26 AM
#7
Sahil is offline Sahil
Status: Sin Binner
Join date: Nov 2006
Location: Singapore.
Expertise:
Software:
 
Posts: 1,363
iTrader: 3 / 64%
 

Sahil is an unknown quantity at this point

Send a message via AIM to Sahil Send a message via MSN to Sahil

  Old

Originally Posted by sfreitas View Post
Sahil but that is compatible with IE for example?
Nope.

02-10-2009, 10:53 AM
#8
mark. is offline mark.
Status: Member
Join date: Jul 2006
Location: UK, Yorkshire
Expertise:
Software:
 
Posts: 117
iTrader: 0 / 0%
 

mark. is on a distinguished road

  Old

It doesn't even work in chrome, so a bit of useless code until all the browsers catch up.

02-10-2009, 10:58 AM
#9
sfreitas is offline sfreitas
Status: Junior Member
Join date: Jan 2009
Location: UK
Expertise:
Software:
 
Posts: 78
iTrader: 0 / 0%
 

sfreitas is on a distinguished road

Send a message via ICQ to sfreitas Send a message via MSN to sfreitas

  Old

So the "best" way is with images? But this makes the site slow?

02-10-2009, 10:59 AM
#10
Sahil is offline Sahil
Status: Sin Binner
Join date: Nov 2006
Location: Singapore.
Expertise:
Software:
 
Posts: 1,363
iTrader: 3 / 64%
 

Sahil is an unknown quantity at this point

Send a message via AIM to Sahil Send a message via MSN to Sahil

  Old

Originally Posted by mark. View Post
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.

Closed Thread  
Page 1 of 3 1 2 3 >


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 

  Posting Rules  
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump:
 
  Contains New Posts Forum Contains New Posts   Contains No New Posts Forum Contains No New Posts   A Closed Forum Forum is Closed