Matthew O’Neil wrote an article about a possibility to make gradients with different
colours and only one graphic file.
This method doesn’t work in IE6, but because IE7 will be released by Microsoft on the next time as security update for all windows users, I hope that IE6 will lose a priority.
http://alistapart.com/articles/supereasyblendys
There are many methods for creating of round corners, but all of them are not perfect. This solution is not perfect too, because if you make the font lager, it will destroy the box, but it has interesting aspects, this solution do not need any graphic or proprietary css and XHTML attributes, so it works in all browser!.
Center of an element is very simply, but many beginners have problems with it. I was asked about it many times and I would like to present you a little HowTo:
<body style=”text-align:center;”>
<div style=”position:absolute; top:50%; margin-top:-50px; height:50px;
left:50%; width:100px; margin-left:-50px;” >
<div style=”position:absolute; text-align:center;”>
<div style=”height:100px; width:100px; background:red;”></div>
</div>
</div>
Attention: the value of margin-top should be a 50% of height-value and value of margin-left = 50% of with.
Bulletproof Webdesign is one of the best books about css that I ever read. The author was able to explain the most important rules of bulletproof webdesign in one book.
Each article of the book has a example of methods and an explanation why it is bad and how you can make it better.
I would suggest Bulletproof Webdesign for all, who are interested in learning of modern methods of web design.