Mouseover images with CSS

1 Jan

This is a method to create mouseover effects in CSS for background images with HTML text on top. I have yet to see a solution like this that does not create a flicker in IE6, because the browser will not cache background images. (more…)

Remove page margins with CSS

1 Jan

Margins used to be removed from pages by using Netscapes and Internet Explorers proprietary attributes to the body tag; marginwidth, leftmargin, marginheight and topmargin. I think I’ve seen this set of attributes called the Four Knights of Browser incompatibility (Eric Meyer?).

Nowadays, browser support for CSS is improved, so we let CSS handle this the web standards way. (more…)

CSS Photo Gallery

1 Jan

This is an example on how you can display thumbnails as part of a photo gallery nicely with the help of CSS.

You can easily use these thumbnails in combination with making them links too. (more…)

CSS Link Styles

1 Jan

In the old days, link colors where specified as attributes in the body tag like <body link=”#000000″ vlink=”#333333″ alink=”#666666″>

Nowadays we do this with CSS of course. Separating style (CSS) from structure (HTML). This is not only smarter in ways of separating those layers, but CSS gives us more control as well. (more…)

CSS Left Scrollbar

1 Jan

Because some languages go from right to left, there are some peculiar things you can do with CSS. Placing the vertical scrollbar on the other side; the left side; is one of those. Setting this to the body element causes everything on the page to change direction.

A little weird, and has little practical use (unless you actually make web pages for audiences that read from right to left). (more…)