I know the basics of CSS (Cascading Style Sheets), but beyond that I sometimes need to bumble and fumble around looking for answers in books or online. One aspect of CSS that gives me some occasional problems (and I’m sure others as well) are floats.
When you float an element, it becomes a block-level element that can then be shifted to the left or right on the current line. A floated box is laid out according to the normal flow of elements, but it’s then taken out of the flow and shifted to the left or right as far as the containing element will allow. Floats are a must for placing images in context, creating columns and other neat design ideas.
read more…
One way to enhance a table style is to introduce a hover effect on the table rows: when the user is moving across the table with their mouse, the current row they are on will change color. This is something that you frequently see in interface design in internal web applications which help users view a particlar row of data.
read more…
If you want to build modern web sites, you need to know about Cascading Style Sheets (CSS). CSS gives you the power to style and lay out web sites so they are usable, compact, good looking, well structured, and easy to maintain.
The basic purpose of CSS is to allow the designer to define style declarations, and to apply those styles to selected portions of HTML pages using selectors which are references to an element or grop of elements to which the style is applied.
read more…
A common selling point when explaining the benefits of CSS to a client, is that their site will look identical across all platforms Anyone using Internet Explorer 6 however, will soon realize that this is a slight fib.
Fortunately, IE contains a feature called ‘conditional commenting’. Simply make yourself a new IE6 friendly stylesheet, include it in your page as usual and wrap it in a conditional comment to hide it from everything except the guilty browser.
<!--[if IE 6]>
<link rel="stylehseet" type="text/css" href="ie6styles.css" />
<![endif]-->
