of course. in ie inline-block works properly on inline-elements
if it's possible use inline-elements....
gotcha!!!!!
while writing letter found answer!!!!
dl {
display:block;
white-space:nowrap;
}
dt, dt {
display:inline;
}
and insert in dt and dd any inline-element, e.g. "b" or "span"
and make "b" or "span" display:inline-block
and вуаля )
just add to "b" or "span" white-space:normal and enjoy )
it's for IE
for others - just display:inline-block for dt and dd
it likely works fine
мало тестил
akella пишет:
@Сергей: it is a great idea! But i've tried it with no success.
inline-block doesnt work in IE like that, float1-2 appear to be on a
different lines all the time.
@Manny, overflow doesn't help =(.
@Thierry:
I need to float container(.float) because there are a lot of them,
here is screenshot of how it might look: http://cssing.org.ua/a/3.png
When i set overflow hidden in addition to float and white-space:nowrap
(for the text inside float2), it just cuts the float2 text.
Without floated container - sure it is quite simple to acheive the
thing i'm trying to acheive. Thanx for the code example!
Even without .float2{float:left} the text jumps under the number in
green block.
I know you are extremely experienced with a complex CSS-problems. May
be you've ever heard of display:table-cell emulation for IE? May be
with expressions or smth like that?
С уважением,
Юрий "akella" Артюх,
http://cssing.org.ua,
On Sat, Jul 5, 2008 at 7:36 PM, Thierry Koblentz <[EMAIL PROTECTED]
<mailto:[EMAIL PROTECTED]>> wrote:
> @Essential, there is no image, the number in green block is
text. It has
some padding and background-image (left-top corner). And it is already
> floated, because it is .float1. Any ideas?
>
> The real life code for those images looks like this:
> <dl>
> <dt>30</dt>
>
<dd><strong>Commodore645</strong> <span><a
href="#">add present</a></span></dd>
> </dl>
> I can give a link to live demo, but i just want to simplify it
for the
list. The abstract float1 float2 example is just my problem...
Why floating everything?
Did you try this approach:
dl {overflow:hidden;zoom:1;}
dt {float:left;width:20px;height:20px;}
dd {margin-left:30px;}
--
Regards,
Thierry | http://www.TJKDesign.com
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
<mailto:[EMAIL PROTECTED]>
*******************************************************************
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************
