>
> Then you have also noticed that given page uses some custom CSS with
> margins set in pixels that override default Blueprint behavior and
> break vertical rhythm. Though I am not sure why.
>
> <style media="screen" type="text/css">
> p, table, hr, .box { margin-bottom:25px; }
> .box p { margin-bottom:10px; }
> </style>
I had not noticed that actually. Thanks for pointing it out.
I have had a closer look at the css now and I see that each td or th
adds 8px of vertical padding. That's fair enough, because tables need
to be padded. But how is this going to keeping everything synchronized
with the vertical grid? If 9px were added instead then at least tables
with an even number of rows would be okay; those with an odd number
would require an extra 9px of padding somewhere.
I made these changes to the css which seems to fix the vertical
alignment.
table {margin-bottom:1.5em;width:100%;}
table.odd {margin-bottom:2.25em;}
th, td, caption {padding:5px 10px 4px 5px;}
As I said, I have only just started to look at this framework so I may
well have misunderstood something pretty fundamental about its
underlying concepts.
--
You received this message because you are subscribed to the Google Groups
"Blueprint CSS" group.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to
[email protected].
For more options, visit this group at
http://groups.google.com/group/blueprintcss?hl=en.
