Tag: image-replacement

Styling form buttons

Anyone who’s used the web has encountered buttons in forms. Buttons, as with most form controls, can be a bit tricky to style for consistent look cross browser and cross platform as the operating system often has more to do with how they are rendered than the browser itself. Roger Johansson has delved into this issue in more detail.

More on Styling form buttons

Single image replacement rollovers with Suckerfish dropdowns

I discovered two of my most often used CSS techniques at the same place - Petr Staníček’s Wellstyled.com (Staropramen, Budvar, Pilsner Urquell, great CSS techniques - gotta love the Czechs ;) ).

And those techniques are an image replacement (IR) technique that I later found out was actually called the Gilder Levin method and the use of a single image for creating CSS rollovers without the need for preloading images.

More on Single image replacement rollovers with Suckerfish dropdowns

Absolute positioning practical examples

If you’ve read Absolute Positioning Pitfalls, you’re probably wondering when you can use absolute positioning.

Well, I generally find that I use it not for laying large areas of a layout, areas that contain multiple other elements, but rather for positioning individual elements in relation to other elements. (It certainly can be used for creating large layout areas in certain instances, but I’m not going to cover that here.)

More on Absolute positioning practical examples