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

Posted by Armando Abrahamsson
Armando Abrahamsson
1,391 Points

Footer acting up in homepage and contact.

The footer remains crammed on the right column in my contact page below the 'Contact info' and below the last right picture on my homepage. however it remains independently set at the bottom on my 'About Page'.

The syntax for the section itself seems to be correct. Meaning I believe the problem lies somewhere else. But I cant figure out where.

My CSS Footer

footer{
font-size: 0.75 em;
text-align: center;
padding-top: 50px;  
color: #ccc;  
}
#gallery li{
float:left;
width:45%
margin:2.5%;
background-color:#f5f5f5;
color:#bdc3c7
}

.social-icon {
width:20px;
height: 20px;
margin: 0 5px;
}

```css


CONTACT PAGE

```html

 <footer>
      <a href="https://twitter.com/morganneves">
      <img src="img/twitter-wrap.png" alt="Twitter Logo" class="social-icon"></a>
      <a href="http://www.facebook.com/Armando.Abrahamsson">
      <img src="img/facebook-wrap.png" alt="Facebook Logo" class="social-icon"></a>
      <p>&copy; 2015 Armando Neves.</p>
    </footer>
     </div>
  </body>
</html>

```html

1 Answer

wuworkshop
wuworkshop
3,429 Points

Based on the partial code you provided, you got a few syntax mistakes in your CSS for footer and #gallery li. It should be this: 

footer{
font-size: 0.75em;
text-align: center;
padding-top: 50px;  
color: #ccc;  
}
#gallery li{
float:left;
width:45%;
margin:2.5%;
background-color:#f5f5f5;
color:#bdc3c7;
}

There's no space between the number the unit for the footer's font-size. You were missing a semicolon for the #gallery li's width and color properties. You might want to just copy and paste all your CSS into W3C's CSS validator to check all your code for syntax mistakes.