A Github repository has been setup for this plugin. Check it out: http://github.com/seankstewart/BP-Vertical-Alignment/tree/master
On Jun 4, 5:51 pm, speedunk <[email protected]> wrote: > I just noticed (and fixed) a bug in IE6 where the header was > invisible. Who knew that adding clear:both to a floating absolute > positioned element would fix IE6? I learn something new everyday :P > > Updated code is > at:http://www.seankstewart.com/blueprint/blueprint/plugins/bp-vertical-a... > > On Jun 4, 10:48 am, speedunk <[email protected]> wrote: > > > Hi all... > > > I've been working on a set of styles for blueprint which would allow > > for vertical alignment of columns as well as some div reordering for > > SEO pruposes. It's in the beginning stages at this point, with no > > documentation, but I wanted to put it out there to get some feedback. > > Feel free to download the code. Place the folder in the plugins > > directory of Blueprint for testing. > > >http://www.seankstewart.com/blueprint/blueprint/plugins/bp-vertical-a... > > > Vertical-alignment (the vertical-# & drop-# classes) > > The important thing to know when implementing vertical alignment is to > > make sure the vertical-# class and the highest drop-# class are the > > same. For example, if you have drop-8 on one column and drop-12 on > > another column, the vertical-# class would be vertical-12. See the > > uneven column pages for a working example. > > > I've added 24 vertical and drop classes (at 1.5em intervals) to match > > the span-24 blueprint provides; however the list could go on forever. > > 1.5em was chosen to keep with the default line-height provided by > > blueprint. > > > Div Reordering (lift-# class) > > These examples also apply a div reordering that can be used for SEO > > purposes on some projects. For example, you may want to code your > > content first and header last so that search engines pick up on the > > content first. Notice in the source... the header div is the last div > > within the container div, but appears at the top of the page. This can > > be accomplished by applying lift-# class on the header div. This is > > not fully tested, but could come in handy for those SEO fanatics out > > there. > > > Check it out and let me know what you all think about this. Hope it > > can be useful to the Blueprint community. --~--~---------~--~----~------------~-------~--~----~ 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 -~----------~----~----~----~------~----~------~--~---
