CSS3 Rounded Image With jQuery

The jQuery code below will find any element with ".rounded-img" or "rounded-img2" (in my case, it is the image element) and wrap it with a span tag. The script finds the src, width, height, and CSS class attribute of the original image and apply them as inline styling in the span tag. Then it specifies the opacity of the image to 0 to hide it.

cdl_capture_2011-06-22-52_ 000

Continue reading “CSS3 Rounded Image With jQuery”

IE fix for HTML 5 elements

HTML 5 is far from finished (for those of you that want to know how many days are left till the official release date: check outishtml5readyyet.com, make sure that you check out the source code of the page too) and not all major (or less major) browsers support the new semantic elements yet. Internet Explorer for example has some problems seeing and thus styling the elements, resulting in a messed up layout. Luckily, there is an easy fix for this.

cdl_capture_2011-06-22-39_ 000

Continue reading “IE fix for HTML 5 elements”