View Full Version : Float Image to Upper Right Corner
bacterozoid
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?
Thanks.
bacterozoid
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.
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.
bacterozoid
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.
vBulletin® v3.8.2, Copyright ©2000-2012, Jelsoft Enterprises Ltd.