[SOLVED] Image to Bottom of Page with Variable Height
Hello,
I'm working in the widgetized right sidebar of Atahualpa. I have three text links, followed by a picture link. I'd like for the picture link to always sit at the bottom of the sidebar, which is complicated since there's no sticky footer, or fixed page length. I've tried a number of things, some of which have no effect, some of which move the image to the very bottom of the page, outside the box. I've seen a solution that involves a div for absolute position, and one for relative position that supposedly would tell the image where the bottom of the page would be. (Sorry i can't find the link to it.) Any idea for a simple solution, or way to combine the divs? Thanks, E |
In ATO>Style & Configure Sidebars try putting a background image in RIGHT Sidebar Style such as the following
HTML Code:
background: url(http://full_path_to_image) no-repeat bottom center; |
Yeah, awesome, that works. Let me see now if I can make it a link...
|
I forgot about the link. How about this? Put code similar to the following in the sidebar
HTML Code:
<div id="sidebar-image"><a href="http://link-to-site-or-page"><img src="http://link-to-image" /></a></div> HTML Code:
div#sidebar-image { |
|
All times are GMT -6. The time now is 04:08 PM. |
Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.