Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Atahualpa 3 Wordpress theme (http://forum.bytesforall.com/forumdisplay.php?f=2)
-   -   [SOLVED] Image to Bottom of Page with Variable Height (http://forum.bytesforall.com/showthread.php?t=8817)

epsymp Aug 10, 2010 03:03 PM

[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

lmilesw Aug 10, 2010 03:13 PM

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;

epsymp Aug 11, 2010 09:11 PM

Yeah, awesome, that works. Let me see now if I can make it a link...

lmilesw Aug 11, 2010 10:34 PM

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>
Now put something similar to the following in ATO>Add HTML/CSS Inserts>CSS Inserts and tweak to position the image.
HTML Code:

div#sidebar-image {
position:absolute;
bottom:150px;
right:20px;
}


epsymp Aug 13, 2010 10:16 AM

Thank you so much. Worked great.

http://toadthejournal.com/


All times are GMT -6. The time now is 08:13 AM.

Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.