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,472
There are 2050 users currently browsing (tf).
 
  Our Partners:
 
  TalkFreelance     Design and Development     HTML/XHTML/DHTML/CSS :

creating rounded graphics and round corners?

Thread title: creating rounded graphics and round corners?
Reply    
    Thread tools Search this thread Display Modes  
10-24-2011, 06:01 AM
#1
sunil8986 is offline sunil8986
Status: On Vacation
Join date: Sep 2011
Location: India
Expertise: CSS, PSD to XHTML/HTML, XHTML
Software: Photoshop, Dreamweaver
 
Posts: 4
iTrader: 0 / 0%
 

sunil8986 is on a distinguished road

  Old

Hi popflier,

You should go for Photoshop for round corner and use those round button images through CSS.

CSS3 :
div.rounded{
border-radius:10px; /* main code for all browsers */
-moz-border-radius:10px; /* mozilla firefox */
-webkit-border-radius:10px; /* chrome, opera */
}

Not work for IE versions

Sunil

Reply With Quote
12-17-2011, 08:18 PM
#2
ronaldroe is offline ronaldroe
Status: I'm new around here
Join date: Aug 2011
Location: Oklahoma City
Expertise: Design, HTML/CSS
Software: Webmatrix, Photoshop
 
Posts: 9
iTrader: 0 / 0%
 

ronaldroe is on a distinguished road

  Old

Originally Posted by sunil8986 View Post
Not work for IE versions
There are ways around this. CSS3PIE, for instance. There's also the option of not caring, since people who go to your site in an old version of IE aren't going to know your page is supposed to have rounded borders.

OP, everything you're asking about can be done using CSS. If you go here, you can see a button at the bottom containing a phone number. That button is pure, rather simplistic CSS, and in IE, it looks like a box with a phone number in it. You just have to make sure it degrades gracefully. Images are not the way to go for rounded corners. For buttons, you may be better in many cases using a PNG with transparent background, but CSS is a good option as well.

Reply    


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