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 ‘content’ attribute
Leave a reply
Category Archives: CSS
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.
Using CSS for form layout (No more tables.. )
Form fields need to line up. OK. Historically this was achieved using a table, and masses of markup. Although that’s still acceptable and would not fail validation, there is an easier and better way that uses less code and where using the correct tags will also cause the ‘name’ field become focused when you clicked the ‘name’ label.
Using CSS we can achieve this using less code, while providing improved usability.
Fieldset as a border and title
These are a wicked (and widely underused) way to wrap similar actions together with a nice little header.
When I first saw them in use I tried to recreate them using CSS, a background image, overlapping layers… Wooaah – Cool Head!! Noah was using these…
CSS & an easy introduction to EM’s
CSS makes repetitive tagging easier, so start out with something simple that will save time – Formatting Text – but do it properly and use ‘ems’.
Continue reading
Simple centering – XHTML style…
The perfect place to start – a centrally aligned ‘wrapper’.
You must have the DTD (Document Type Definition) declared for this to work.
Continue reading