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 How to Make a Website Adding Pages to a Website Add a New Page

About.html is not dropping images when I have deleted, saved the about file and go to preview. Am following directions!

I've deleted the information (images and links) but they are still showing up on my page. ??!?

hi Colin! I don't have an f5 key....?

Colin Bell
Colin Bell
29,679 Points

what about ctrl + shift + r (or cmd + shift + r on mac)

Sorry for delay and thanks for your suggestions. I had to restart the computer and now get the workspace to open... TBC!!

When I try this code in another text editor the images are not there. Here is the html:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Erica Erf Vakil | Designer</title>
        <link rel="stylesheet" href="css/normalize.css">
        <link href='http://fonts.googleapis.com/css?family=Changa+One|Open+Sans:400italic,700italic,400,700,800|Open+Sans+Condensed:300' rel='stylesheet' type='text/css'>
        <link rel="stylesheet" href="css/main.css">
  </head>
  <body>
    <header>
      <a href="index.html" id="logo">
        <h1>Erica Erf Vakil</h1>
        <h2>Designer</h2>
      </a>
      <nav>
        <ul>
          <li><a href="index.html">Portfolio</a></li>
          <li><a href="about.html" class="selected">About</a></li>
          <li><a href="contact.html">Contact</a></li>
        </ul>
      </nav>
    </header>
        <div id="wrapper">

                <section>



                </section>

                <footer>
                    <p>
                        <img src="img/twitter-wrap.png" alt="Twitter Logo" class="social-icon">
                        <img src="img/facebook-wrap.png" alt="Facebook Logo"class="social-icon">
                    </p>
                    <p>&copy; 2015 Erica Erf Vakil</p>
                </footer>
            </div>
  </body>
</html>

Here is the css:

/************************************
GENERAL
************************************/
body {
    font-family: 'Open Sans', sans-serif;
}


#wrapper {
    max-width: 940px;
    margin: 0 auto;
    padding: 0 5%;
}

a {
    text-decoration: none;
}

img {
    max-width: 100%;
}



/************************************
HEADING
************************************/

header {
    float: left;
    margin: 0 0 30px 0;
    padding: 5px 0 0 0;
    width: 100%;
}

#logo {
    text-align: center;
    margin: 0;
}

h1 {
    font-family: 'Changa One', sans-serif;
    margin: 15px o;
    font-size: 1.75em;
    font-weight: normal;
    line-height: 0.8em;
}

h2 {
    font-size: 0.75em;
    margin: -5px 0 0;
    font-weight: normal;
    }



/************************************
NAVIGATION
************************************/

nav {
    text-align: center;
    padding: 10px 0;
    margin: 20px 0 0;
}

nav ul {
    list-style: none;
    margin: 0 10px;
    padding: 0;
}

nav li {
    display: inline-block;
}

nav a {
    font-weight: 800;
    padding: 15px 10px;
}


/************************************
FOOTER
************************************/

footer {
    font-size: 0.75em;
    text-align: center;
    clear: both;
    padding-top: 50px;
    color: #ccc;
}

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



/************************************
PAGE: PORTFOLIO
************************************/


#gallery {
    margin: 0;
    padding: 0;
    list-style: none;
}

#gallery li {
    float: left;
    width: 45%;
    margin: 2.5%;
    background-color: #f5f5f5;
    color: #bdc3c7;
}

#gallery li a p {
    margin: 0;
    padding: 5%;
    font-size: 0.75em;
    color: #bdc3c7;
}


/************************************
COLORS
************************************/



/* site body */
body {
    background-color: #fff;
    color: #999;
}

 /* green header*/
header {
    background: #6ab47b;
    border-color: #599a68;
}


 /* nav background on mobile*/
nav {
    background: #599a68;
}

 /* logo text*/
h1, h2 {
    color: #fff;
}

/* LINKS */
a {
    color: #6ab47b;
}


 /* color links*/
a {
    color: #6ab47b;
}


 /* nav link*/
nav a, nav a:visited {
    color: #fff;    
}

 /* selected nav link */
nav a.selected, nav a:hover {
    color: #32673f;
}

Hi Colin,

I figured out what I was doing wrong... thanks for your help!!

You rock... thanks and have a great weekend!!