Bottom Image

kimberlybarryd · 07-20-2008, 05:03 AM

I want to put a stationary image at the bottom of the page. about 200px H by full screen width. Site http://www.yagottahaveit.ca Help with coding is much appreciated.
Thanks

**StarLab** · 07-20-2008, 05:54 AM

Insert this where you want the footer to appear in your page code:

Code:

<div id="yourFooter">Footer Blurb Here, Copyrights, etc...</div>

CSS:

Code:

#yourFooter {
background: url(path/to/your/image.jpg) repeat-x;
width: 100%;
height: 200px;
}

A simple example. It should get you started. You may need to add text formatting and other elements.

HTH

kimberlybarryd · 07-20-2008, 02:10 PM

Quote:

Originally Posted by StarLab

Insert this where you want the footer to appear in your page code:

Code:

<div id="yourFooter">Footer Blurb Here, Copyrights, etc...</div>

CSS:

Code:

#yourFooter {
background: url(path/to/your/image.jpg) repeat-x;
width: 100%;
height: 200px;
}

A simple example. It should get you started. You may need to add text formatting and other elements.

HTH

Thank you
I want the footer not to scrool with the page. Zen Garden has an example at http://www.csszengarden.com/?cssfile...213.css&page=0
I have studied th code but i'm missing something.
help is much appreciated.

**StarLab** · 07-22-2008, 07:39 AM

Quote:

Originally Posted by kimberlybarryd

Thank you
I want the footer not to scrool with the page. Zen Garden has an example at http://www.csszengarden.com/?cssfile...213.css&page=0
I have studied th code but i'm missing something.
help is much appreciated.

Sorry, I misread your opening post. Missed the word "Stationary"

Here is the CSS they are using for their footer...

Code:

#yourFooter {
background-image:url(bottom.png);
background-position:center center;
background-repeat:no-repeat;
bottom:0px;
height:200px;
position:fixed;
width:100%;
z-index:5;
}

Replace "bottom.png" with whatever image you wish to use.

Then put this in your page to call it:

Code:

<div id="yourFooter" />

I haven't tested this myself, but it should work.

HTH

chuco61 · 07-21-2008, 03:16 PM

frames maybe?

kimberlybarryd · 07-21-2008, 08:39 PM

Quote:

Originally Posted by chuco61

frames maybe?

I don't have a clue on frames. I.m css. Thanks for your response anyway.
I'm thinking a wrapper around everything then code for the image to keep it at the bottom. I'm guessing that I have to modify my code to accommodate the fixed footer. Any suggestions?
Thanks
Barry