CSS: text indent and floated images

Donutey · Last edited by Donutey on Mon Jul 17, 2006 9:29 pm; edited 1 time in total

I recently tried to return to having text indents at the start of paragraphs. However, when I did this, (in Firefox) the images no longer floated to the top of the paragraph, instead they appeared directly underneath the line that had the indent in it, while for the rest of the paragraph the image floated within the text as it should. Anyone know a fix for this? Or is it a flaw in my CSS? I'll put up a screenshot if anyone wants it.

EDIT: See post below for pictures.

Thanks in advance.

bnbrown

Please drop a screenshot or link. thanks.

Donutey

Here are the screenshots:

go to http://www.donutey.frihost.net/water.php to see the code.
All I've done is add a text-indent: 1cm to the paragraphs, the images still float correctly in IE 6 but not in Firefox 1.5.04.

Without an indent (image floats correctly in IE and firefox):

With an indent in firefox (IE6 it works fine):

budazz

in css align it to left...

bnbrown

Yes, align: left;

Donutey

align what left?

the picture is floated left if that's what you are saying.

bnbrown

So why do you wanna to use indent? How do you want the design look like?

Gundamxxg

Try giving the image its own <p> tag and giving it an ID, set the parameters you want to have applied, then give another <p> tag to the text along with an ID, add the css to go with it, set your indent and your aligns and see what that gives you. I wasnt able to get the exact source working with pictures and all, but I think that should get you around that lil bump, if not, I need to get back into writing css and html religiously.