Posted 2 years ago #
I have a sidebar on the right of my page and I wanted to add an image to the very bottom of that sidebar. I want it near the footer, but not in the footer.
I've tried align=bottom but it just puts it under the content I have in the sidebar, not at the very bottom of the sidebar like I want.
Any ideas?
My website is http://anth-net.com
Posted 2 years ago #
Okay... no help so far. I played around with coding and finally found one way of doing this. Since I'm using random images, I'm using php include and just putting the random image coding in a seperate file and 'including' it into the other.
I put the php include in the footer file but before div class="footer" but there is still a few problems with this. First, to get it to align anywhere, i had to use p align:right. After using that, it aligned very near the bottom of the sidebar right above the footer. BUT still not touching the footer. I'm guessing its something to do with the footer padding or something. Another problem, the image makes my pages longer using this way, which I'd rather not make them longer.
For now, this will work for me, but I'm still asking for help.
Posted 2 years ago #
sorry it posted twice... there was an error with wordpress.org
Use position:absolute bottom
Posted 2 years ago #
I just tried it and it doesn't work.
Posted 2 years ago #
Give your sidebar "position: relative" and put your image into a div (#image or something), which is in the sidebar. Then define #image as follows:
#image {
position: absolute;
bottom: 0;
}
This should work, but the image will overlap any content you put to the bottom of your sidebar.
Posted 2 years ago #
Well, when I do that all of the main and the left sidebar goes down.
Also, the absolute bottom thing does not work. In both FireFox and Internet Explorer, it just aligns to the bottom of my browser window.
We are rather hoping to encourage you to do a bit of the work. We gave you the tool you need in position:absolute. Now the positioning needs a bit of tuning. Its basic CSS. There are some fine CSS turorial on using position absolute.
Posted 2 years ago #
Well I don't know a lot about CSS. I usually just play around with the coding. If it works, good. If not, then I change it back.
If this is all you can do for me, then thanks anyways.
Posted 2 years ago #
anth-net... this positioning stuff with "relative" and "absolute" is just a little too tricky to be explained to the letter in a fail-safe way... it often requires manual "tweaking". I already gave you rather specific instructions how to use it for your image.
It really wouldn't hurt to have some background knowledge for whatever you do with your css. Homepage design naturally is a little more complicated than writing a text in MS Word.
Posted 2 years ago #
I understand that it probably is too tricky to explain. And too difficult for someone like me to figure out. I haven't the slightest idea of how to change some of the CSS stuff. I do search some things that are easy to search but other stuff just isn't that simple to search and understand.
I'll hopefully learn more about CSS in college this fall. It is a dream of mine to become a web designer. It's something I've loved since I was about 13 years old. No one has ever taught my anything about it. I've just learned through habit and getting a general understanding of what some codes do.
But, due to not knowing COMPLETELY what I'm doing, I'm just going to forget that idea and try an alternate one. Thank you anyways for helping me as much as you could.
Well good luck with your career as a web designer.
This topic has been closed to new replies.
