Posted by Dylan Parry on 10/26/07 18:52

Safalra (Stephen Morley) wrote:

> Implementing a baseline grid can be more work than it first appears
> (I was surprised to see '10 minutes' as the estimated time in the
> .net magazine article which I presume was Dylan's inspiration).

Originally, yes it was :) Ah, just having checked the offending article,
it's the one I emailed you about, heh.

I don't pay much attention to the time estimates in their "tutorials"
though as they are generally way out! I'm still tweaking my CSS for a
baseline I started implementing two or three weeks ago. Just that one
article spurred me on to read up on typography and various other issues
that I'd never paid much attention to before, so it was a success in
that way.

> Lists are one example of something that can be tricky, especially
> when they can be nested. I use the following rules on my own site:

I've not come across this problem, but I don' have any nested lists on
the site I am working on - yet.

> dl{ margin:0 2em 1.5em; }
>
> ol{ margin:0 2em 1.5em 3em; padding:0; }
>
> ul{ margin:0 2em 1.5em; padding:0; }
>
> ol ol, ol ul, ul ol, ul ul{ margin-right:0; margin-bottom:0; }
>
> dd{ margin-left:2em; }
>
> dd, dt, li{ line-height:1.5em; }
>
>
> The 2ems occur in horizontal units because once you take into acocunt
> the 1.5em line-height, the actual vertical gap between elements is
> roughly 2em.

Yes, I can see why that would cause issues.

--
Dylan Parry
http://electricfreedom.org | http://webpageworkshop.co.uk

The opinions stated above are not necessarily representative of
those of my cats. All opinions expressed are entirely your own.

[Back to original message]