The CSS Overflow Property

Every single element on a page is a rectangular box. The sizing, positioning, and behavior of these boxes can all be controlled via CSS. By behavior, I mean how the box handles it when the content inside and around it changes. For example, if you don’t set the height of a box, the height of that box will grow as large as it needs to be to accommodate the content. But what happens when you do set a specific height or width on a box, and the content inside cannot fit? That is where the CSS overflow property comes in…

VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)

CSS Spriting Tips

One of the most effective ways of speeding up a website’s render time is to reduce the number of HTTP requests required to fetch content. An effective method to achieve this is via CSS sprites, which is combining multiple images into one large image and using CSS to only display parts of it…

VN:F [1.9.22_1171]
Rating: -1 (from 1 vote)

CSS Quick Question and Answer Session

A question and answer sesssion from Smashing Magazine featuring reader questions about Web design focusing on HTML, CSS and JavaScript. Incuded are sticky footer issues, positioning elements at bottom of a div, on having layout, aligning labels and inputs, auto top and bottom padding, z-index and more…

VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)

Styling your Lists: 20+ Brilliant Tutorials and Best Practices

When we think about CSS-Styled lists, different ideas come to mind but that rusty old image of bulleted items is not one of them anymore. There are lots of different methods to format nice HTML lists that is used in most web designs not only for navigation menu (vertical or horizontal) but for formatting many design blocks in a stylish and elegant manner. In this article, we’ll have a look at how such lists can create a whole new look, feel, and effect of a site…

VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)