line height

March 4th, 2012, 04:11 PM

in the eg on page 432, how did the author arrive at the following equation for line height

Code:

/*13x1.2 = 13.5 */

the eg is

Code:

.pull_quote2 {
font-size: 0.92em; /* 12 x 0.92 = 11 */
line-height: 1.2em; /* 13 x 1.2 = 13.5 */
margin-top: 0.2em;
float:right;
width:100px;}

It has been mentioned in the book that the "line height is set to three quarters of the height of the baseline grid, so the it catch up every five lines."

RManFlint · August 18th, 2012, 09:41 PM

I think it's a typo. It should be 11x1.2=13.5 since the font-size is 11.

August 20th, 2012, 12:25 AM

Thanks there.. Perhaps it is

RManFlint · August 20th, 2012, 11:15 AM

Quote:

Originally Posted by justinneng

Thanks there.. Perhaps it is

I'm positive that's the case.

BTW, as long as you're here, did you happen to notice that the code for ch10_eg9 on p. 434 uses the attribute id="main" twice? Isn't that an id attribute only supposed to be used once in a page? It works out the same if you substitute a class attribute.

Unfortunately, I've noticed more than a few errors that aren't addressed in the errata. Still a very good book, IMO.