background preloader

CSS

Facebook Twitter

CSS Positioning Properties. Most used CSS tricks. Earlier before I have written an article about current best CSS hacks which you can see here And now here’s the list of today’s most used CSS tricks – tips. I have added image examples for most of them because of critics on CSS hacks article. If you think I have missed any please let me know 1. Rounded corners without images 2. Style your order list 3. 4. 5. 6. 7. 8. 9. 10. 11. 12.

CSS Builder - Generate Styles on the Fly | Meta Titan. CSS Design: Taming Lists. As early as July of 1999 I was pontificating on email lists about the virtues of style sheets. Some things never change. Article Continues Below What has changed is how I think about CSS, and the underlying structure of (X)HTML to which it is applied. For example, I find that most pages on the web contain a menu of links in a navigation area. Of course the reason that we don’t mark them up in that way is that we don’t want a bullet in front of every link in our navigation area. In this article, I’ll demonstrate how to use CSS to bring unwieldy lists under control. Setting the stage#section2 For purposes of this article, I am using unordered lists.

<ul><li>Item 1</li><li>Item 2</li><li>Item 3</li><li>Item 4</li><li>Item 5 we'll make a bit longer so that it will wrap</li></ul> Each list is simply placed inside a different DIV, and the CSS is written so that the list’s behavior is determined by the DIV it is in. Item 1Item 2Item 3Item 4Item 5 we’ll make a bit longer so that it will wrap. Spiffy Corners - Purely CSS Rounded Corners. CSS Menu Generator.