IE6 and <button> styling

IE6 has its own mind when it goes to styling button elements. It applies (seemingly) some padding even if you set it to padding: 0. Found a great article at viget.com that made my day yesterday. The solution to get rid of extra padding in IE6 is rather easy. Just apply these rules to the button:

button {
width: auto;
overflow: visible;
}

Flash appearing above absolutely positioned elements

I recently had an issue with some flash movies appearing above all content pneumonia the page. I tried giving absolutely positioned elements a very high zindex, bit it did not help art all. Search in Google for similar problem revealed that flash can be played in several modes.

By default all movies are played in window mode which allowes them to perform the best but such oddities as flash always on top will be happening.

Fixing my issue was rather easy. I just needed to add a wmode=opaque to the flash object. Job done.

Nice online portfolio of a web studio CODA.CO.ZA

http://coda.co.za

floatutorial

Everything about float CSS property.

http://css.maxdesign.com.au/floatutorial/tutorial0103.htm

http://www.smashingmagazine.com/2007/05/01/css-float-theory-things-you-should-know/

Jump start CSS

Accurate master style resetting will save you tonns of time. Here is a CSS correctly reset. Courtesy of crucialwebhost.com Read the rest of this entry »

Rounded Corners

Here are a few great concepts of creating boxes with rounded corners with CSS only:

Pure CSS:

Other Solutions:

CSS FAQ

Found a great resource that explains CSS in easy to understand way. Explanations of different CSS aspects are short but complete. Good resource for beginners who want to get solid CSS foundation.
http://www.hwg.org/resources/faqs/cssFAQ.html#cascade

Image Flicker Problem

IE has an interesting bug, which causes images to reload from server each time a mouseover event is triggered. There are several clientside ways around this problem they are described here: http://www.fivesevensix.com/studies/ie6flicker/

But the real working solution is to change .htaccess on the webserver. Here is what needs to be done: http://dean.edwards.name/my/flicker.html