Re: [css-d] Can a subdivided 6px baseline grid work?
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/
Re: [css-d] Can a subdivided 6px baseline grid work?
Richard Grevers wrote: 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. So long as you specify things being aware that - unlike print typography - you have no control over font choice or size ... -- David [EMAIL PROTECTED] authenticity, honesty, community __ 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/
[css-d] Can a subdivided 6px baseline grid work?
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 __ 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/