Freelance Traveller wrote:
> On Mon, 26 Apr 2010 21:33:16 -0700, "Thierry Koblentz"
> <[email protected]> wrote:
[...]
>
>> I don't think there is room for "are those" in there.
>> Imho it should be:
>
>> <DT>Technicians</DT>
>> <DD>Individuals who perform...</DD>
>
> NO! The "Sample text" represents what is in the original "paper"
> (actually PDF) document; it is /specifically/ that style of definition
> that I wish to reproduce in the HTML.
>
>>> Anyway, I'd start playing with something like the following: first
>>> reset all
>>> relevant margin and padding values (as DL and its children are known to
>>> have
>>> nonzero default values for them), then make the DT a left-floated
>>> element
>>> and apply the desired styling to it, e.g.
>>>
>>> dl, dt, dd { margin: 0; padding: 0; }
>>> dt { float: left; font-style: italic; }
>> [...]
>>
>>> dt { padding-right: 0.3em; }
>> Because "float" is used to style the DTs I'd say it may be a good idea to
>> use them to clear too.
>> And to be safe, applying overflow:hidden;zoom:1 (or your favorite block
>> formatting context/hasLayout trigger) on the DL would also prevent potential
>> issues related to these floats.
>
> Why "overflow: hidden", and why do I need to 'trigger HasLayout'?
Overflow hidden creates a block formatting context (BFC). The same as
hasLayout does. Overflow hidden triggers hasLayout in IE7 but you
would need to trigger hasLayout in IE6 by another method (height: 1%
or zoom: 1). The BFC method will only work if there is only one set of
<dt> and <dd> in a definition list.
I would suggest something like this if there are more than one set of
<dt> and <dd> within a list.
#wrapper2 dl {
margin:1em 0 0;
}
#wrapper2 dl dt {
width:36%;
margin:0 5px 1em 0;
padding:0;
float:left;
clear:both;
}
#wrapper2 dl dd {
width:62%;
margin:0 0 1em;
padding:0;
float:left;
}
#wrapper2 dl dt a {
display:block;
margin:0;
padding:5px 10px;
}
#wrapper2 dl p {
padding:5px 0;
margin:0;
}
This is the reverse (floated left instead of right) of the definition
list that appear on this page and other similar pages.
<http://css-class.com/test/css/index.htm>
--
Alan http://css-class.com/
Armies Cannot Stop An Idea Whose Time Has Come. - Victor Hugo
______________________________________________________________________
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/
