Floating an Image

**nmallare** · 04-19-2007, 08:07 PM

OK, I feel I have a pretty good understanding of CSS, and you'll find what I've tried below:

HTML Code:

<img ... style="float: right;" />

HTML Code:

<p style="float: right;"><img ... /></p>

And I still cannot figure out why it doesn't display in IE7.0.

Link Here

Nick

**chrishirst** · 04-19-2007, 08:17 PM

move it from inside the definition list

**nmallare** · 04-19-2007, 08:21 PM

I've already tried that, but I made the change for you to see.

Nick

**LadynRed** · 04-19-2007, 09:17 PM

I'd take the image out of the <p> and just float IT right.

**nmallare** · 04-19-2007, 09:20 PM

Right as you were typing this, I did it .. but still no help. IE7.0 doesn't display it correctly.

Nick

**nmallare** · 04-19-2007, 09:32 PM

Nevermind .. but if somebody has a tutorial site, or informational site, it would be good to tell your viewers that you cannot float an image within the <dl></dl> tags in IE7.0.

Nick

**angele803** · 04-19-2007, 11:02 PM

I think that is what chrishirst was trying to say. I didnt know you couldn't do that though. It is good to know!

**nmallare** · 04-20-2007, 11:35 AM

Let me rephrase:

HTML Code:

<img src="...." ... />
<dl>
    <dt></dt>
       <dd></dd>
    <dt></dt>
       <dd></dd>
</dl>

Doesn't work either.

Nick

**LadynRed** · 04-20-2007, 03:04 PM

It should, I float images left and right all the time and they are not contained inside paragraphs (or anything else) and IE 7 puts them where I want them.