Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

HTML How to Make a Website Styling Web Pages and Navigation Style the Portfolio

Correcting the position of misplaced footer pictures!!

Actually I altered my code, I don't know where, due to which the last two (twitter and Fb) link pick are being displayed at at the right side of the the last pic which is single in its row, originally the pics (twitter &fb) must be at the bottom most point, below the last image. Can you tell me how can I correct it??

4 Answers

Cool!! thanks for replying Cory.. I figured out that I forgot to clear the footer from the left at the last. Hence it was solved by putting 'clear:left' in footer tag in my 'css'.

Cory Harkins
Cory Harkins
16,486 Points

I'm having trouble comprehending what you are trying to convey, can you post the code and let us know the desire?

https://drive.google.com/open?id=0B7A-Chnl6sCjRExtTm5JSzNnaWc look at the position of footer in the pic

Alisha Evans
Alisha Evans
1,527 Points

I had a similar problem to Vikrant. The Twitter, Facebook and Copyright info that was originally at the bottom of my page moved to the far right side of my page. It was beneath the nav and to the right of image number 2. The three footer elements were also listed vertically on the page and not horizontally. I added the "clear: left;" property and value to the footer element of my CSS file as Vikrant stated and it moved the footer to the bottom.

My question is, why did I have to add that additional line of code when Nick didn't have to?

Here's the link to the workspace I was using (with the clear property) in case it's something else wrong with the code that made me have to add the additional code: https://w.trhou.se/a6vd27wnhk.

Thanks!

Alisha Evans
Alisha Evans
1,527 Points

In case anyone else has the same problem with the margins...turns out I hadn't placed a colon after the word "margin". o_O

Still wondering why I had to add "clear: left;" in order for the footer to go back to the bottom of my page though.