On 8/15/07, Timothy Kelty <[EMAIL PROTECTED]> wrote:
> I've been trying to set up some groundwork for setting up future sites on a
> baseline grid. We starting setting to a 18px baseline, with a 12px body
> type.
>
> Problems we ran into initially dealt with lists, where we weren't satisfied
> with a full line of leading between list items, but we also didn't want to
> set it solid, with no spacing.  Since we didn't know the amount of list
> items, we couldnt simply go off the grid temporarily, then adjust the ul/ol
> to get back on the grid.
>
> What my coworker eventually suggested was designing the site to a subdivided
> baseline of 6px, so for normal body type, 3 baseline heights would equal
> 18px, the desired leading.  A list item also takes up 18px, with 1 baseline
> (6px) between.  So regardless of the amount of items, when the list is done,
> you're still back on your next 6px line.
>
> I'm having trouble getting my head around this whether or not this is a
> valid method or not.  Obviously you could set a grid infinitely small, then
> everything is 'on the grid', hooray!
>
> Any thoughts/criticisms are greatly appreciated, or if you have any other
> solutions.
> Thanks

I am subscribed to http://webtypography.net/ - which is a project
where one of the classic books on print typography is being used as
the inspiration for a series on web typography. What you are trying to
do seems in keeping with Section 2.2 - maintaining a set measure even
after elements of different size disrupt the vertical flow. As you
will see, this can be achieved via a combination of margin (in ems)
and line-height.


-- 
Richard Grevers, New Plymouth, New Zealand
Dramatic Design www.dramatic.co.nz
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to