On Mon, 26 Apr 2010 21:33:16 -0700, "Thierry Koblentz"
<[email protected]> wrote:
>> > Sample text:
>> > _Technicians_ are those individuals who perform ...
>I see a problem with your markup though:
>> > <DL class="inline-definition">
>> > <DT>Technicians</DT>
>> > <DD>are those individuals who perform...</DD>
>> > </DL>
>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'?
--
Jeff Zeitlin, Editor
Freelance Traveller
The Electronic Fan-Supported
Traveller® Fanzine and Resource
[email protected]
http://www.freelancetraveller.com
http://come.to/freelancetraveller
http://freelancetraveller.downport.com/
®Traveller is a registered trademark of
Far Future Enterprises, 1977-2009. Use of
the trademark in this notice and in the
referenced materials is not intended to
infringe or devalue the trademark.
Freelance Traveller extends its thanks to the following
enterprises for hosting services:
CyberNET Web Hosting (http://www.cyberwebhosting.net)
The Traveller Downport (http://www.downport.com)
______________________________________________________________________
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/
