This wont pass CSS validation, but its usefull to know that expressions can be added into css.
[More]
Archive for the ‘ HTML ’ Category
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.
[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.
Open/Close, Show/Hide DIV’s
April 22, 2008 | Comments | HTML, Javascript
This is used more and more to display more info, hidden fields, etc…
It could easily be improved with multiple divs stacked in the same place…
Hmmm…, now I am getting ideas.
[More]
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.
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…
The perfect place to start – a centrally aligned ‘wrapper’.
You must have the DTD (Document Type Definition) declared for this to work.
[More]
Find switching between IE and FF annoying? Does the site jump sideways all the time? This is because IE will ALWAYS reduce the window size and display the scroll bar, even if it is not used. FF wont display it unless it is required (as it should be).
OK, this is the ‘wrong way solution’, but it solves the problem. Force the scrollbar in FF.
[More]
If you use images in links, then you (like the rest of the world) probably hate the blue outline that they are given by default by being inside an <a href tag, so you add border=0 to every <img tag. Fine. It works.
But here is a far nicer, cleaner solution that will save yourself valuable characters. Add it to the stylesheet!