search

src-its / help-content

a drafting site for help content
0 stars 2 forks source link

forcing instructional text to occupy a row of 'fixed' height #12

Open aaronkyle opened 9 years ago

aaronkyle commented 9 years ago

We've been making a lot of good headway in customizing responsive behaviors for our printer-setup.html. The next 'challenge' is to get text cells to to align elegantly. The current section entitled "Web Print: Printing from Tablets and Smart Phones" doesn't yet do this.

Part of the reason that I don't think alignments are happening correctly now is our choice to structure tables as lists. I imagine that the cells could be 'fixed' relative to one another (i.e. so that the height for all is determined by the height of the one cell with the longest text string) if they are structured instead as tables.

Kindly help us to investigate.

aaronkyle commented 9 years ago

Here are links to a couple of resources:

  1. CSS Tricks: Fluid Width Equal Height Columns
  2. webdesign.tutsplus.com: Quick Tip: Solving the Equal Height Column Conundrum
Snuggleton commented 9 years ago

Hey Aaron, this will be pretty easy to do with skeleton; I'll work on it tomorrow.

Best, Justin Singleton.

On Wed, Sep 9, 2015, 10:08 AM Aaron Kyle Dennis notifications@github.com wrote:

Here are links to a couple of resources:

  1. CSS Tricks: Fluid Width Equal Height Columns https://css-tricks.com/fluid-width-equal-height-columns/
  2. webdesign.tutsplus.com: Quick Tip: Solving the Equal Height Column Conundrum http://webdesign.tutsplus.com/tutorials/quick-tip-solving-the-equal-height-column-conundrum--cms-20403

— Reply to this email directly or view it on GitHub https://github.com/src-its/help-content/issues/12#issuecomment-138920593 .