As much as I adore CSS, it seemed to me that it had one main limitation - it’s impossible to make it behave like tables. For example, it you have three columns of data beside each other, if one pushes down further than the others, the adjacent two won’t push down to match. Something like this happens instead:
The temptation is of course, to just use a sneaky table. But after some research I found this elegant solution by Pixy. The main beauty of this technique is that it works even in IE6, and doesn’t require any hacks. However, it is a little hard to get your head around if you’re new to CSS, so here’s my simplified breakdown of Pixy’s technique.
(more…)Some deer outlines - an early Christmas present, or just for that foresty feel.
Test your ability to match colour tones along a sliding scale with this test:
When you have a long line of text separated by hyphens, they will not normally be wrapped automatically onto the next line. This can be awkward, as it may break a perfectly good layout by breaking the content out of its containing box.
Some text like this for example, will not wrap if its container is quite narrow (say, in a table column).
466456-34635645-346346346-3463456
There is a solution - it’s the ’soft hyphen’:
­
Which will create a hyphen which will happily wrap onto the next line.