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. Quote Link to comment 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! Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.