Fluoresce Posted October 22, 2009 Share Posted October 22, 2009 I've just gone through a thousand different tutorials explaining how to produce a fluid box with rounded corners. I'm looking for a method that's not as heavy on the markup as my one. My method is CSS-based. It requires 6 images, four divs and two spans! It's the only one that I know that's totally cross-browser compatible, which is why I use it. What method do you use for fluid rounded boxes? And is it cross-browser compatible? Link to comment https://forums.phpfreaks.com/topic/178550-fluid-rounded-boxes-how-do-you-do-them/ Share on other sites More sharing options...
trq Posted October 22, 2009 Share Posted October 22, 2009 I use a plugin for jQuery that creates corners using the canvas tag. Canvas of course is not part of IE, but I believe there is also a js script around that fixes that issue. Link to comment https://forums.phpfreaks.com/topic/178550-fluid-rounded-boxes-how-do-you-do-them/#findComment-941643 Share on other sites More sharing options...
dbrimlow Posted October 23, 2009 Share Posted October 23, 2009 The best css technique uses the sliding doors technique. It may add a little more markup but not much: This link actually creates the graphics, CSS and HTML (you can use it to get the idea and reverse engineer it and create your own). http://kalsey.com/2003/07/rounded_corners_in_css/ I never use JavaScript when there is a CSS solution. Link to comment https://forums.phpfreaks.com/topic/178550-fluid-rounded-boxes-how-do-you-do-them/#findComment-942516 Share on other sites More sharing options...
haku Posted October 23, 2009 Share Posted October 23, 2009 I'm in agreement with dbrimlow. I use a sliding doors technique myself. Link to comment https://forums.phpfreaks.com/topic/178550-fluid-rounded-boxes-how-do-you-do-them/#findComment-942536 Share on other sites More sharing options...
merylvingien Posted October 23, 2009 Share Posted October 23, 2009 I have added a tutorial about rounded corners to one of my sites, pretty much the same as what is already available out there, but i hope mine is written in plain english and easy to understand. http://www.css-stylesheets.co.uk/rounded-corners.html Link to comment https://forums.phpfreaks.com/topic/178550-fluid-rounded-boxes-how-do-you-do-them/#findComment-942808 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.