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 Styling Web Pages and Navigation Style the Portfolio

Posted by Steve Caprarola
Steve Caprarola
436 Points

Web Site drawing blank

I've completed the "Style the Portfolio" segment and again, the webpage that should come up as a result of my code written in Workspace just comes up blank

7 Answers

idan ben yair
idan ben yair
10,288 Points
idan ben yair
idan ben yair
10,288 Points

Hi Steve,

Make sure you are using the "link" tag to properly link between your CSS and HTML. Remember when you code everything is case sensitive.

Can you please post you HTML and CSS code so I could assist you further? thanks!

Steve Caprarola
Steve Caprarola
436 Points
Steve Caprarola
Steve Caprarola
436 Points

Here is code

/*********************
Page: Portfolio
*********************/

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

#gallery li {
  float: left;
  width: 45%;
  margin: 2.5%;
  background-color: #f5f5f5;
  color: #bdc3c7;
}
idan ben yair
idan ben yair
10,288 Points
idan ben yair
idan ben yair
10,288 Points

good can you do the same with the html? thanks!

Steve Caprarola
Steve Caprarola
436 Points
Steve Caprarola
Steve Caprarola
436 Points 
<section>
        <ul id="gallery">
          <li>
            <a href="img/numbers-01.jpg">
              <img src="img/numbers-01.jpg" alt="">
              <P>Experimentation with color and texture.</P>
            </a>
          </li>
          <li>
            <a href="img/numbers-02.jpg">
              <img src="img/numbers-02.jpg" alt="">
              <P>Playing with blending modes in photoshop.</P>
Steve Caprarola
Steve Caprarola
436 Points
Steve Caprarola
Steve Caprarola
436 Points

Don't know what I did but problem is fixed.

Wayne Priestley
Wayne Priestley
19,579 Points
Wayne Priestley
Wayne Priestley
19,579 Points

Hi Steve,

You seem to have only posted part of your html, the head section is especially important to see if you have linked correctly.

Could you post the html again please.

Thanks

Steve Caprarola
Steve Caprarola
436 Points
Steve Caprarola
Steve Caprarola
436 Points

I got it to work, thanks! I was missing a " at the end a line.