Hi.

my little web project has grown a bit (thanks for the assistence, again) since my last post ... all is fine, so far, my main text is only 357 words so I can expand that by about 400 still (even though the deadline is getting rather close).

However I am stumbling over something, right now, and fail to see what goes wrong. (Hm, I think that happens to many people all the time on very different levels ). My limited knowledge of css comes through there,

http://www.student.ljmu.ac.uk/eclchaeb/rocks/rocksv5/

If one opens the sample rock key (-->Topics --> An Example Rock Key) there is one link in it, that opens up a short description of sandstone.

In Opera this includes an image with the text floating around it, just fine. IE6 loads the image, but doesn't let the text float.

<img src="images/sandstone.jpg" class="boximage" alt="sandstone" />

The fitting CSS definition:

img.boximage {float: left; margin-right:5px; margin-bottom:5px;}

Am sure I'll go d'oh eventually. But am not praying for that, at this stage.

Thanks for any suggestion,
-Mnemon

Specify a width and height for the image in question.

It doesn't show up at all when I click that link, either. Did you take it out?

Hm. No, the added height and width wasn't what was needed (but yes I should do that, elsewhere, too).

No idea why the image isn't displayed. What browser are you using?

(full path to image: http://www.student.ljmu.ac.uk/eclcha.../sandstone.jpg)

Thanks,
-Mnemon

IE6. It showed up now.

What happens if you put the image inside of a div and float the div to the left instead?

Div pushes text to bottom. That works slightly nicer.

It might be a problem with multiple divs inside each other?

<div id="rock_key">
...
<p class="rockkey">
...
<div id="sandstone">
<div id="boximage">
<img src="images/sandstone.jpg" width="225" height="169" alt="sandstone" />
</div>
<p>...</p>
</div>
</p>
</div>

Hm.

-Mnemon

If you are going to use floats, then you MUST Define a width on the floated element.