Creating rounded corners

From Joomla! Documentation

Revision as of 21:17, 23 March 2008 by Ptigrouick (Talk | contribs)

Where have my images gone?? --Mike 15:43, 14 March 2008 (EDT)

We're currently having problems with some images following an upgrade to the latest PHP, MySQL and Apache versions. The images are still there but MediaWiki is having trouble getting access to them. Please bear with us while we try to figure out where the problem is. Chris Davenport 17:37, 14 March 2008 (EDT)

Hello. Thanks for this tutorial, I just tried to create rounded corners with it. First I must tell you that I didn't test it inside Joomla, but with a simple html and css code copied from your tutorial. I noticed two little problems. The first one is transparency with corner images. Image 2 covers image 1, but as image 1 is higher and because of image 2 transparency, image 1 remains visible under image 2. Same problem with images 2 & 3, images 3 & 4. The result is really a mess ! So my solution was to add with Inkscape a 800x600 white filled rectangle in the background. The second problem is with div content. Module title and content sticked up from rounded area. So I had to add a <div> around title and content (starting before <h3> and ending after </ul>), and add a padding rule to the last style. My last css style is as follow : div.module_menu div div div div{ background: none; padding: 3px 15px; }

I don't know if these changes are required inside Joomla. I think I will try soon. But it could be useful to report my changes for people who want to use this method outside of Joomla. I don't know if I can edit the article for that. Can you tell me if it is a good idea ?

--Ptigrouick 22:17, 23 March 2008 (EDT)