PDA

View Full Version : css vertical rhythm



wyclef
Mar 11th, 2009, 10:32 PM
hey, trying to wrap my head around css vertical rhythm and using blueprint... the blueprint part is ez but the vertical rhythm part i'm struggling with. any advice would be appreciated... heres the link

http://dynodealz.com/vertical.com/

wyclef
Mar 12th, 2009, 05:11 PM
any ideas?

abduraooft
Mar 12th, 2009, 05:14 PM
hey, trying to wrap my head around css vertical rhythm and using blueprint... the blueprint part is ez but the vertical rhythm part i'm struggling with. any advice would be appreciated.
Sorry, you requirement is not clear. Could you make a picture of your required layout and upload/link?

wyclef
Mar 12th, 2009, 05:50 PM
the link i posted is the link... i want all type to fall within a baseline structure of 18px.

wyclef
Mar 12th, 2009, 06:12 PM
ok, i set up a new link trying to do what i'm talking about based on the following article.

http://www.sitepoint.com/blogs/2007/04/30/typography-baseline-rhythm-deciphered/

so..

BEFORE
http://dynodealz.com/vertical.com/

AFTER
http://dynodealz.com/vertical1.com/

I'm wondering if i'm doing this correctly or not. I'm not that good with math so all these equations are really tough for me.

Apostropartheid
Mar 12th, 2009, 09:45 PM
You declared a margin on your H3 for a value of 1em. 1em = 14px within the H3's properties, whilst the value you're going for is 18px. Try 1.29em in its place or nulling the value.