On 11/7/10 2:48 AM, Alan Gresley wrote:
Dev monkey wrote:
Hi all,
the typical way to format definition lists as a 2-column table is
to float the DTs (left column) and give the DDs a left margin
larger than the DT width. This works fine when all DDs are equal
to, or longer than, their matching DT.
In my case, all my definition-list elements are one line long,
except for the top DT which wraps onto two lines. This throws off
the vertical alignment of DT/DD pairs:
First DT is longer First DD
than one line Second DD
Second DT Third DD Third DT Fourth DD Fourth DD
Is there a way for me to style the DT/DD elements without resorting
to enclosing each pair in extra markup like a DIV?
I think you are correct - of the several ways I know of to make two
elements appear the same height, each uses an enclosing block to
surround each pair. It seems to me the only solution where DT *or* DD
can be the tallest would involve JavaScript. :\
Sorry, Alan. :`(
OTOH if this is tabular data...
Cordially,
David
--
______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
