Equal height for parallel list items using CSS -
i have situation click here
according text length, buttons height changes. when want parallel button height made equal of first 1 (not of buttons of parallel button).
i approach in 1 of 2 ways - either using jquery (fiddle - notice need wrap each button pair in own ul
- if don't jquery more complicated) or cheating , dropping in background image gives effect of you're after - done, again, wrapping each button pair in own ul
, dropping in background image containing vertical lines wrap them - 'cap off' each column adding starting , finishing li
elements graphical end caps.
i understand want go css only, can't think of way done. there may involving careful balancing of max-height, min-height, , height... can't think of how work @ moment.
Comments
Post a Comment