Although the subject might immediately have people thinking about
Internet Explorer - and older versions, at that - in this case, it's
FireFox that appears to be the "problem child".
The issue here is that even though the spec isn't necessarily clearly
defined, most browsers make a reasonable attempt at supporting
display:run-in. Firefox doesn't. Neither do older versions of IE, nor
very older versions of webkit-based browsers or Opera. OK, fine. Here's
what I'd like to do:
THE HTML
<DL>
<DT>John Jacob Jingleheimer Schmidt</DT>
<DD>His name is my name, too. Whenever we go out, we can hear the people
shout "Hooray for John Jacob Jingleheimer Schmidt".</DD>
</DL>
DESIRED RENDERING
Stuff bracketed with * should be bold, stuff in [] is generated content.
CASE 1: display: run-in SUPPORTED
*John Jacob Jingleheimer Schmidt[:]* His name is my name, too. Whenever
we go out, we can hear the people shout "Hooray for John Jacob
Jingleheimer Schmidt".
CASE 2: display: run-in NOT SUPPORTED
*John Jacob Jingleheimer Schmidt*
His name is my name, too. Whenever we go out, we can hear the people
shout "Hooray for John Jacob Jingleheimer Schmidt".
Note that Case 2 is easily managed with the default rendering for a DL
plus
dt { font-weight: bold; }
if I wanted that to be the rendering in all cases. What's not clear to
me is (a) how to handle Case 1, specifically the "undenting" of the left
margin (most of the rest I can work out), and (b) HOW DO I DETECT
whether display: run-in is supported so as to make the application of
the appropriate CSS conditional on the support?
I have full control over the HTML, so adding classes or IDs to DLs, DTs,
or DDs isn't an issue.
--
Jeff Zeitlin, Editor
Freelance Traveller
The Electronic Fan-Supported
Traveller® Fanzine and Resource
edi...@freelancetraveller.com
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 [css-d@lists.css-discuss.org]
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/
