Brian W Posted November 5, 2009 Share Posted November 5, 2009 Okay, so there is more than one way to skin this cat but today I came across this website which has thrown me off entirely. http://multiply.com/user/join/ The outside container for the form is easy explanation... they use images for the rounded corners. The inner box around the CAPTCHA is what confuses me. In Firefox, I used Firebug to look at the CSS and its just using "-moz-border-radius-..." which isn't cross browser. Beings that I was looking at the page because I liked their form, I wanted to know what it looked like in IE... the CAPTCHA box has rounded corners still!!!! How did they do it? I can't find anything in the CSS or HTML that suggests the technique they used. Maybe I'm blind. Link to comment https://forums.phpfreaks.com/topic/180435-round-corners-a-holy-relic/ Share on other sites More sharing options...
JJ2K Posted November 6, 2009 Share Posted November 6, 2009 Hey, They are using images too: http://images.multiply.com/common/circle/gray.gif Classes to check in their StyleSheet where the rounded corners are applied: sidebox_with_layout_top_left sidebox_with_layout_top_right sidebox_with_layout_bottom_left sidebox_with_layout_bottom_left You can use -moz-border-radius -webkit-border-radius For rounded corners without images in FF Safari etc...I sometimes use this so FF and Safari users get the bonus of a more enhanced look with the odd div here and there! Link to comment https://forums.phpfreaks.com/topic/180435-round-corners-a-holy-relic/#findComment-952170 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.