Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4
12-05-2002, 04:27 PM #1
Float Image to Upper Right Corner
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, 05:02 PM #2
*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, 09:09 PM #3
- Join Date
- Oct 2002
- Thanked 0 Times in 0 Posts
I'm not sure why you need a span. Why not apply the style to the image itself?Alternatively, you could use the float property, with padding:Code:<img style="position: absolute; right:10px; top:10px; border:none;" src="image.jpg">The float will allow you to wrap text around the image a little more nicely.Code:<img style="float:right; padding-right:10px;padding-top:10px;" src="image.jpg">
12-05-2002, 09:24 PM #4
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.