Wordpress Themes - WP Forum at BFA
There will be no more development for Atahualpa (or any other theme), and no support. Also no new registrations. I turned off the donation system. I may turn the forum to read only if it gets abused for spam. Unfortunately I have no time for the forum or the themes. Thanks a lot to the people who helped in all these years, especially Larry and of course: Paul. Take care and stay healthy -- Flynn, Atahualpa developer, Sep 2021

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme »

[SOLVED] Image to Bottom of Page with Variable Height


  #1  
Old Aug 10, 2010, 03:03 PM
epsymp
 
37 posts · Jul 2010
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
  #2  
Old Aug 10, 2010, 03:13 PM
lmilesw's Avatar
lmilesw
 
10,176 posts · Jul 2009
Central New York State USA
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;
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #3  
Old Aug 11, 2010, 09:11 PM
epsymp
 
37 posts · Jul 2010
Yeah, awesome, that works. Let me see now if I can make it a link...
  #4  
Old Aug 11, 2010, 10:34 PM
lmilesw's Avatar
lmilesw
 
10,176 posts · Jul 2009
Central New York State USA
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;
}
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #5  
Old Aug 13, 2010, 10:16 AM
epsymp
 
37 posts · Jul 2010
Thank you so much. Worked great.

http://toadthejournal.com/

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] How to resize height of header image? LilyUK Header configuration & styling 0 Jul 27, 2010 03:47 PM
Body background image at very bottom of page? crashley1784 Page & Category Menu Bars 5 Jul 5, 2010 02:07 PM
Widget area height relative to sidebar height aQuickStudy Sidebars & Widgets 2 Apr 8, 2010 02:35 PM
[SOLVED] How do I move the Page Menu to the bottom of the header image? lmt Center area post/pages 4 Feb 14, 2010 11:42 AM


All times are GMT -6. The time now is 06:19 AM.


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