Hey I am using the code below to position an image at 0, 0 but I have a problem. Its going over my text. What can I do to make it in line with text?

<IMG STYLE="position:absolute; TOP:45px; LEFT:180px; WIDTH:100px; HEIGHT:100px" SRC="image.gif">

Thank you.

don't use position:absolute. set it as the background for a sized div

I do not want it as a background. I already have a background. I just used that code to make the image start at 0 TOP, 0 LEFT on the page. I need it to be inline with text.

Well it won't be at 0,0 if you set it to top:45px and left:180px

define "inline with text", it's a bit of an ambiguous statement. I know what I would mean by that but you may mean something different.

By inline with text I mean I do not want my text to go behind the image. I want the text to begin right under the image. Do you know what I mean now?

45px and left:180px

I changed those ^ to 0 and 0 I was just showing everyone the code I was using which I copied from another site.

hehe, its a good to have the right data, what you did was like going to the vetinary and telling him your dog had a battery stuck in its ear and needed help, then the vet looks at the dog and says 'This dogs fine, theres no problem' then you say 'Oh yeah, this is some dog i picked up on the way here, mines still at home with a battery in its ear'.


Unless you have some other elements set, if you place and <img> tag it should automatically default to the top left of whatever box/window its in anyways. check your text alignment and take out any padding if you need to make it closer.

If you could post a link to the page that would be even better.

Yes, do NOT use position:absolute as Chris told you. Absolute positioning takes the object completely out of the document flow, it is then no longer affected in any way by any other element that may become before or after it.

If you want the image to be 'inline' with your text, either use the normal document flow (NO positioning at all), or float it left.