View Full Version : Float Image to Upper Right Corner

12-05-2002, 03:27 PM
I should be able to figure it out, but how would one go about floating or positioning an image to the upper right corner of a page. I know an x,y type thing wouldn't do, because it wouldn't be all the way to the right in larger resolutions...at least I don't think so. I don't want the image to move with the page, so no to a static positioning...anyone know how I can accomplish getting my picture in the upper right?


12-05-2002, 04:02 PM
*sigh* That should have been obvious to me.

<span style="position:'absolute'; right:'10'; top:'10'"><img border="0" src="image.jpg"></span>

I always used left and top to position...change 'left' to 'right' and it starts from the other side. Well, answer here for anyone who searches for this sometime later.

12-05-2002, 08:09 PM
I'm not sure why you need a span. Why not apply the style to the image itself?

<img style="position: absolute; right:10px; top:10px; border:none;" src="image.jpg">Alternatively, you could use the float property, with padding:
<img style="float:right; padding-right:10px;padding-top:10px;" src="image.jpg">The float will allow you to wrap text around the image a little more nicely.

12-05-2002, 08:24 PM
Hmm, I'm not sure either, heh. Thanks...I'll change that. I did fiddle with the float property, but just went with absolute positioning...fit my fancy just fine.