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 Build Navigation with Unordered Lists

Joel McCracken Jr
Joel McCracken Jr
3,142 Points

I am not able to change the color of my link text under my images, and my images are in one column instead of two...

I have gone back 3 times and veified that all of my code matches Nick's, and have tested on FireFox, IE, Chrome, Chrome incognito, Samsung Note 3 chrome, and S5 chrome. all showing the same thing.

Below is the code i have for my gallery and the css I have for it.

index.html:
        <section>
          <ul ul:"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>
              </a>
            </li>            
            <li>
              <a href="img/numbers-06.jpg">
              <img src="img/numbers-06.jpg" alt="">
              <p>trying to create 80's style</p>
              </a>
            </li>            
            <li>
              <a href="img/numbers-09.jpg">
              <img src="img/numbers-09.jpg" alt="">
              <p>drips</p>
              </a>
            </li>            
            <li>
              <a href="img/numbers-12.jpg">
              <img src="img/numbers-12.jpg" alt="">
              <p>Repetitious shapes</p>
              </a>
            </li>            
          </ul>
        </section>
css:
/*********************************
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;
}

Hi Joel,

Welcome to Treehouse!

I fixed the markdown for both HTML and CSS. If you're curious about how to add markdown like this on your own, checkout this thread on posting code to the forum . Also, there is a link at the bottom called Markdown Cheatsheet that gives a brief overview of what's in the linked thread.

2 Answers

Try changing

<ul ul:"gallery">

to

<ul id="gallery">

The ul element has an id of gallery. Please let me know if this works or not.

Cheers

Joel McCracken Jr
Joel McCracken Jr
3,142 Points

Robert Richey That worked!

Wonder why they had us use otherwise? {This is soo friggin addictive! I LOVE IT}

Yep, I love Treehouse!

Don't hesitate to ask if you run into any more problems.