homepage Welcome to WebmasterWorld Guest from 54.198.8.124
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member

Visit PubCon.com
Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderator: open

CSS Forum

    
Round corners with no images
border-radius
srajanbill1976




msg:4307237
 8:51 am on May 3, 2011 (gmt 0)

Any new ideas possible to curve box with out image css

 

rainborick




msg:4307437
 5:11 pm on May 3, 2011 (gmt 0)

Use border-radius (and -moz-border-radius for Firefox). It's cross-browser compatible and gives good control with a nice effect.

Hoople




msg:4307588
 12:58 am on May 4, 2011 (gmt 0)

The newest browser versions directly support 'border-radius' without the vendor specific -moz or -webkit prefixes. For support of all versions include both in such a way that the newer browsers see 'border-radius' first.

Older IE browsers (IE5.x and IE6) will require a .hta hack or one of several curve corners javascript solution.

FWIW some elements resist curving attempts on the newer versions of IE (IE 7 + 8) and Opera (below 10.50), 'Fieldset' comes to mind. The Fieldset's 'legend' ends up being inside the 'box' rather than it's normal place along the top border of the box.

enigma1




msg:4307752
 12:06 pm on May 4, 2011 (gmt 0)

You can create curves and pretty much any shape using basic CSS and will be compatible across all popular browsers past and present versions.

Experiment with the margin and height css properties

The specific browser hacks all they do is create more problems.

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / CSS
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved