Placing links at the bottom

**Anexxion** · 08-30-2008, 09:03 PM

on www.voigrafic.com/golfsite there are buttons called "karte" and "galerie."

I need them placed 10px from the bottom, and centered. How would I go about doing this?

**Moshambi** · 08-30-2008, 09:11 PM

as a very generic/basic way to answer your question you could do something like:

Code:

#buttons 
{
 position: absolute;
 bottom: 10px;
}

if they had an id of buttons then this would place them from the bottom 10px. I can't remember how to align something in the center at this moment, besides to do it absolutely with left: or right:

hopefully this helps or gets you thinking about how you might want to do it.

**Anexxion** · 08-30-2008, 10:20 PM

no, that doesn't work... can you test it before you post

also, the footer, how would I place it the same way it is in firefox as it should be in IE, meaning in firefox it looks normal, in IE its WAY off.

one more thing, i have an image rollover and in my navigation I have:

Code:

<a href="index.html" onmouseover="buttondown('heimbutton')" onmouseout="buttonup('heimbutton')"><img src="images/btn/heim.gif" name="heimbutton" border="0" style="float:left; padding-left:5px;"/></a>

and it works, works fine but when i put a second link:

Code:

<a href="index.html" onmouseover="buttondown('heimbutton')" onmouseout="buttonup('heimbutton')"><img src="images/btn/heim.gif" name="heimbutton" border="0" style="float:left; padding-left:5px;"/></a>
<a href="gallery.html" onmouseover="buttondown('galerie')" onmouseout="buttonup('galerie')"><img src="images/btn/galerie.gif" name="heimbutton" border="0" style="padding-left:5px;"/></a>

they are both there but neither rollover, halp?

**Moshambi** · 08-31-2008, 03:52 PM

in the <img> tag on your second link you have name="heimbutton"

try changing that to name="galerie"

when doing a rollover like that you are passing the name of the image to be swapped (I'm assuming, since I don't know you JavaScript function, but that's how it usually works). And since you named both the images the same that would seem to be your problem. Try the change I provided and it should hopefully work the way intended.

P.S. Sorry if the code for your footer did not work. I was just posting it as more of an idea to set you on the right track. I did not test it because I was on a computer that I could not do coding on, sorry...

EDIT: I just tested out the code sample I posted before and worked perfectly fine on my machine, what problems are you having with it not working?

**Anexxion** · 08-31-2008, 04:22 PM

Originally Posted by Moshambi

in the <img> tag on your second link you have name="heimbutton"

try changing that to name="galerie"

when doing a rollover like that you are passing the name of the image to be swapped (I'm assuming, since I don't know you JavaScript function, but that's how it usually works). And since you named both the images the same that would seem to be your problem. Try the change I provided and it should hopefully work the way intended.

P.S. Sorry if the code for your footer did not work. I was just posting it as more of an idea to set you on the right track. I did not test it because I was on a computer that I could not do coding on, sorry...

EDIT: I just tested out the code sample I posted before and worked perfectly fine on my machine, what problems are you having with it not working?

with IE5 and IE6 :P

also, in IE, its on the far right and in both browsers, when you re size it lengthwise, the footer goes up. although the mouse overs work.

**Moshambi** · 08-31-2008, 04:39 PM

ok I noticed the problem with your footer in FF how it is in the center, and not the bottom. To fix this you need to place the <div id="footer">
as the very last div within your container div. that should fix that problem as with the IE fixes I will have to sort those out when I get home from work. Until then Best of luck and hopefully that helps a little with your footer problems.

**Anexxion** · 08-31-2008, 04:53 PM

no no no, i meant i want the final look to be this:

the footer being static as in staying in the same place (5px below the content)

no matter how I re size the browser it will stay like it is below:

**Moshambi** · 09-03-2008, 06:57 AM

Sorry it's been a while...looking at your code I can't seem to see what the problem could be since your footer is absolute positioned...maybe try absolute positioning your style4? I really am not sure why it is moving like that...everything else seems to be fine tho

**BLiZZaRD** · 09-03-2008, 02:31 PM

Well, first you need to fix your code. Cleanliness helps other help you.

Messy code is something many people here won't bother looking through. I did bother though. And I have cleaned up your code a bit.

First I would suggest placing your CSS in it's own file, and removing the XML doc type. XML is crap not fully supported, future releases and fixes are non-existent, but anyway.. personal preferences aside...

I tested locally, after fixing your CSS errors and removing all the positioning crap. Now, granted I didn't bother to bring over all your images, but this will get you started. Once you change to this I will look at it with your images and see where we are. Positioning in IE5 and 6 is a trick, but I will need to see where we stand with all the modern browsers first. (IE5?? Really?)

Once you make the changes let me know, we will make the small adjustments and find the fix for IE5 and 6 (shudder)