Miles


Yes, I use it only sparingly and in places I know there'll be no long lines:

<div><span>!<span>Error code #123</div>

I can force the above to display all in one line by not collapsing the white-space on the div.

Back to the def term... er... I don't know what to suggest other than fiddling with the floats, and the paddings etc, using a table and applying vertical-align to the cells or setting the display of the dt and dd to "table-cell", applying vertical-align : middle to them and crossing your fingers..
You may have to set the dl to display : table; for the third option?


Cheers
James


Miles Tillinger wrote:


That's kinda risky though if the content is dynamic because one long line could break the layout. I try to avoid using nowrap's or non-breaking spaces wherever possible. Just my $0.02...

MT

-----Original Message-----
From: James Ellis [mailto:[EMAIL PROTECTED]
Sent: Tuesday, March 02, 2004 4:05 PM
To: [EMAIL PROTECTED]
Subject: Re: [WSG] Table style definition lists



off the top of my head

white-space :pre; /* possibly nowrap or whatever the other one is */

on the long term 1 will force it to be rendered in a line - I use this when I don't want lines broken.

Cheers
James

Mark Stanton wrote:



Hey All

If anyone has a few minutes and a couple of spare brain cells I'd appreciate
some help with a definition list problem in IE6.

I guess the reference point is Russ's demo at:
http://www.maxdesign.com.au/presentation/definition/dl-table-display.html.
The example works fine unless you end up with two lines of text on the left
hand side - then things go pear shaped.

-----------     -----------
Term 1  Def 1
-----------     -----------
Term 2  Def 2
-----------     -----------
Term 3  Def 3
-----------     -----------

That's all fine but in IE6 you can end up with the following when you have a
long term.

-----------     -----------
Long Term       Def 1
1               -----------
-----------     Def 2
Term 2  -----------
-----------     Def 3
Term 3  -----------
-----------

Does anyone have any ideas of how this can be fixed up. I'd imagine having a
clear:both on the dt would clear things up but it doesn't. Looks great in
Firefox though :)


Cheers


Mark


------------------
Mark Stanton Technical Director Gruden Pty Ltd Tel: 9956 6388
Mob: 0410 458 201 Fax: 9956 8433 http://www.gruden.com


*****************************************************
The discussion list for http://webstandardsgroup.org/
*****************************************************






*****************************************************
The discussion list for http://webstandardsgroup.org/
*****************************************************


*****************************************************
The discussion list for http://webstandardsgroup.org/
*****************************************************




*****************************************************
The discussion list for http://webstandardsgroup.org/
*****************************************************




Reply via email to