PDA

View Full Version : position footer on certain pages


Jared
Mar-15-2007, 01:43 PM
First of all, thank you much for the help you all have given me so far without even knowing it!

I was wondering if there is a way to force the position of the footer on certain pages, so that it doesn't always float beneath whatever content is available above it. I would like to implement this on my homepage, as well as my html-only pages, with the footer displaying at some desired depth on the page.

As of right now, the pages are mostly empty since I just started doing my customizations, but hopefully you get the idea.

ivar
Mar-15-2007, 03:09 PM
First of all, thank you much for the help you all have given me so far without even knowing it!

I was wondering if there is a way to force the position of the footer on certain pages, so that it doesn't always float beneath whatever content is available above it. I would like to implement this on my homepage, as well as my html-only pages, with the footer displaying at some desired depth on the page.

As of right now, the pages are mostly empty since I just started doing my customizations, but hopefully you get the idea.

Hi there, and welcome to dgrin :wave

I'm not exactly sure what it is you want to do, but you can address elements on specific pages.

instead of using:
#footer {

}

you can use:
.homepage #footer {

}

to address the footer on the homepage only. Same goes for the HTML-only page. Use this:
.homepage #footer,
.gallery_XXXXXXX #footer {

}

to address both the homepage and the HTML-only footer, where the Xs are replaced by the gallery number.

Holler if you have any questions :thumb

Jared
Mar-15-2007, 03:25 PM
well, I want the footer to show on all pages, but I was wondering if on certain pages I could force the footer to display say 300 px below the gallery title or some other value so that it doesnt always snap directly below the last element that shows on the page. Maybe I could just make the html area a certain size whether or not I fill all of it???

Andy
Mar-15-2007, 05:19 PM
well, I want the footer to show on all pages, but I was wondering if on certain pages I could force the footer to display say 300 px below the gallery title or some other value so that it doesnt always snap directly below the last element that shows on the page. Maybe I could just make the html area a certain size whether or not I fill all of it???
Some tricks here:

http://www.themaninblue.com/experiment/footerStickAlt/

S&SPhoto
Mar-15-2007, 05:21 PM
well, I want the footer to show on all pages, but I was wondering if on certain pages I could force the footer to display say 300 px below the gallery title or some other value so that it doesnt always snap directly below the last element that shows on the page. Maybe I could just make the html area a certain size whether or not I fill all of it???Hi Jared,

I think what Ivar is saying is that you can tweak the CSS code he provided above to do what you want. For example, you can use the following code to move the footer down 300 pixels just for your Travel gallery:.gallery_1313613 #footer {
margin-top: 300px;
}If that's too far down, change the 300 to something smaller (and I believe you can even use negative numbers to make additional adjustments). To find the gallery number, look at the URL of one of your galleries. It's the number right after "gallery/" and right before the "#". Post back here if you have additional questions.

Thanks.

Samir

Jared
Mar-15-2007, 07:54 PM
thanks guys! thats exactly what I was looking for!

Samir,

On another topic: In your clickable banner, I was wondering how you referenced the different cells of your image to show a different segment on rollover...I've got a basic one done, but would like to add the rollover effects...how do you structure that code differently?

S&SPhoto
Mar-16-2007, 02:50 PM
thanks guys! thats exactly what I was looking for!

Samir,

On another topic: In your clickable banner, I was wondering how you referenced the different cells of your image to show a different segment on rollover...I've got a basic one done, but would like to add the rollover effects...how do you structure that code differently?Check out this thread (http://www.dgrin.com/showthread.php?t=54129). If you run into issues with it, post your questions in that thread and we'll see what we can do for you. Good luck.

Samir