@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...
С уважением,
Юрий "akella" Артюх,
http://cssing.org.ua,
On Sat, Jul 5, 2008 at 1:54 PM, Essential eBiz Solutions Ltd <
[EMAIL PROTECTED]> wrote:
> From what I can see there it's because of the image you are using.
>
>
>
> Try
>
> .float1, .float2, .float{
>
> float:left;
>
> }
>
> .float1 img {
>
> height: 20px;
>
> width: 20px;
>
> float: left;
>
> }
>
>
>
>
> ------------------------------
>
> *From:* [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] *On
> Behalf Of *akella
> *Sent:* 05 July 2008 11:38
> *To:* [email protected]
> *Subject:* [WSG] Nowrap for floats
>
>
>
> Hi list! Got a CSS question, it's now two days in my head.
> Here is my HTML, just to be abstract:
>
> <div class="float">
> <div class="float1></div>
> <div class="float2>Some random text</div>
> </div>
> and smth like this in CSS:
> .float1, .float2, .float{float:left}
>
> My problem is that i need .float1-2 to be on the same line.
> Here is how it should look like: http://cssing.org.ua/a/2.png
> But it breaks like this: http://cssing.org.ua/a/1.png
> (the text and the green block are two floats, the block itself is a float)
> So i need something like nowrap-for-floats.
>
> I solved this problem for Safari, FF, Opera by:
> .float{display:table}
> .float1, .float2{display:table-cell}
>
> But that doesn't work in IE. May be someone got such an experience? Fancy
> ie-expression? i would highly appreciate any ideas on this subject.
>
> Thanx in advance!
>
> regards,
> Yuriy "akella" Artyukh,
> http://cssing.org.ua
>
>
> *******************************************************************
> 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]
> *******************************************************************
>
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************
