-moz-border-radius: 8px; /*Mozilla*/
-webkit-border-radius:8px;/*Google chrome*/
-khtml-border-radius:8px; /* Linux browsers */
border-radius:8px;/*CSS3 and IE8 */
CSS Rounded borders
Leave a reply
Tag Archives: CSS
CSS3 gradients
#element {
/* Mozilla browsers only */
background: -moz-linear-gradient(0% 100% 0deg, #FFFFFF, #F2F2F0 100%) repeat scroll 0 0 transparent;
}
Compressing CSS files – on the fly
I hate compressing CSS files as they become totally unreadable for editing. I end up keeping 2 versions, compressed and uncompressed, etc.. But how about compressing all your CSS files into one file, ‘on-the-fly’. Now that has solved the problem.
CSS NoWrap
I used to use NOWRAP in my
Continue reading
CSS ‘content’ attribute
This is a new one, and pretty cool. The ‘content’ attribute automatically adds code / text / attributes to the start or end of any tag, depending on the pseudo class.
CSS fixes for IE, using Javascript
Some CSS effects don’t work in IE, damn them, so that leaves 2 options.
Either forget that you have coded some nice roll-over effects that the majority of people wont see…
Or, add an IE-specific javascript fix.
Continue reading
CSS3 and Rounded borders…
…but still not on IE.
Expressions in CSS / IE fix
This wont pass CSS validation, but its usefull to know that expressions can be added into css.
Continue reading
Head in the clouds? Tag yourself.
I have been looking for a ‘simple’ tag cloud generator that will parse content from MySQL for ages and couldn’t find one. So I adapted – and heavily modified (reduced) – and CSS’d – the best one that I could find. It turned out nice and simple.
Continue reading
blur() no more..
Use FireFox? Can’t stand the dotted lines around links when you select them? Nope, nor me.
For ages I have been diligently adding a javascript:blur(); call to my links to stop these little white lines appearing. Now I have found the holy grail.