rounded corners
Hi Gary!
Hope you can help me out, I am doing some work on css files to give a more web2 look and feel and one important thing for me is to make as many corners rounded as possible..chi likes rounded things, not sharp edges
For modules on it is easier as they have fixed width. Can you give me a hint on how to solve this for the boxes where there is no width? what is the best practice? I have read this article:
http://www.sitepoint.com/article/rounded-corners-css-javascript/
I tried to do the nested solution but it was not working for me, maybe I made a mistake. I took the empty css from trunk and added this:
div.simplebox {
border: 0px solid #cce5ff;
background: #cce5ff url(oit_dev_2/corner_topleft_cce5ff.gif) no-repeat top left;
padding: 1em}
div.simplebox div { background: url(oit_dev_2/corner_topright_cce5ff.gif) no-repeat top right; }
div.simplebox div div { background: transparent url(oit_dev_2/corner_bottomleft_cce5ff.gif) no-repeat bottom left; }
div.simplebox div div div { background: transparent url(oit_dev_2/corner_bottomright_cce5ff.gif) no-repeat bottom right; }
I also attached the corners in a zip. Can you give me a hint how to get this working?
many thanks&cheers,
gezza