/    Sign up×
Community /Pin to ProfileBookmark

aligning images to bottom of page

Hi I have a long thin image that I want to place at the bottom of my web pages. You can aligh images to the right of the page easily, is it possble to align them to the bottom?

to post a comment
HTML

10 Comments(s)

Copy linkTweet thisAlerts:
@Paul_JrNov 16.2003 — Okay, do you want it at the bottom of the window, or the webpage?
Copy linkTweet thisAlerts:
@damon2003authorNov 16.2003 — bottom of the webpage for now, but actually would also like to know if there is a way to it to the bottom of the window with out using frames,

thanks
Copy linkTweet thisAlerts:
@PeOfEoNov 16.2003 — <img src="url" style="position:absolute; bottom:0px;">

or

style="position:absolute; top:100%; margin-top:-XXpx;" where the xx is the height of the image.
Copy linkTweet thisAlerts:
@damon2003authorNov 16.2003 — thats great thanks,

is it possible to limit how far the image travels up the page when the user changes the size of the window?
Copy linkTweet thisAlerts:
@PeOfEoNov 17.2003 — yes, off the top of my head I think the best solution would be to put a div right above the image, or in the same block element as the image and have something like

style="min-height:XXpx;" then have the background of that be transparent or something so the user would not see it. If you used margin-top it would reposition the image, so thats why that would not be the answer.
Copy linkTweet thisAlerts:
@damon2003authorNov 17.2003 — Thanks thats good,

but theres one more thing. As it is the image goes to the bottom of the screen fine, and if you restore the window it again goes to the bottom, but if you use the side scroll bar it stays where it is. Is there anyway to get it to move when the side scroll bar is moved?

thanks
Copy linkTweet thisAlerts:
@PeOfEoNov 18.2003 — so when you scroll up it comes up too? Yes there aree ways to do that but it is jumpy, similar to http://www.dynamicdrive.com/dynamicindex1/staticmenu3.htm Your best bet would be a bottom frame if you are going for smoothness. If you only want an image to be at the bottom you can try fixing it there as a background image. But if you do that text will overlap it.
Copy linkTweet thisAlerts:
@damon2003authorNov 18.2003 — ok thanks,

no, it doesnt scroll up when i use the scroll bar, it only scrolls up when I resize the window.
Copy linkTweet thisAlerts:
@PeOfEoNov 19.2003 — no I was asking if thats what you wanted it to do. You want it to scroll up when you use the scroll bar correct?
Copy linkTweet thisAlerts:
@damon2003authorNov 19.2003 — yea, thats what I want to do. OK I get it, I can use javascript or frames, will look in to it , thanks a lot
×

Success!

Help @damon2003 spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 5.24,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...