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

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,500 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.