Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS

Posted by Jimel Atkins
Jimel Atkins
2,093 Points

Help with sticking "ENTER-SITE" link to bottom of index page.

Last step for me on this page I am working on. I cant seem to get the enter site button to the bottom of the homepage. Ive scanned my HTML up and down and I just cant seem to get it.

Could anyone help me with this final step?

Snapshot Below. This is a modeling site in case anyone is at work. No actually nudity per say. Just wanted to note.

https://w.trhou.se/a912mnx01h

roberthopman
roberthopman
16,502 Points

I can't see the output... so I don't know what you want to have as the end result.

Double check your stylesheets, then your id, classes, and so on.

If that doesn't work, then a night of sleep usually does the trick.

2 Answers

Ben Schroeder
Ben Schroeder
22,818 Points

You'll want your <footer> element sticking to the bottom of the page, assuming that link is all you'll ever put in there. Unfortunately, doing this is tough without complicated CSS or something like jQuery. Try CSS Sticky Footer.

Jimel Atkins
Jimel Atkins
2,093 Points

Ben how do I go about doing this with that sticky footer link as when I open up the sticky footer file Im not sure what to apply it to with the first line being ?php

Cristian Castro
PLUS
Cristian Castro
Courses Plus Student 12,666 Points
Cristian Castro
Cristian Castro
Courses Plus Student 12,666 Points

Can't see the output, but just glancing, you'll need a more complex html and css to do that. Try { position: fixed; bottom: 0 } (that might cover some of your context though.) Also, search for CSS Sticky Footer.