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 trialJoel McCracken Jr
3,142 PointsI 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;
}
2 Answers
Robert Richey
Courses Plus Student 16,352 PointsTry 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
3,142 PointsRobert Richey That worked!
Wonder why they had us use otherwise? {This is soo friggin addictive! I LOVE IT}
Robert Richey
Courses Plus Student 16,352 PointsYep, I love Treehouse!
Don't hesitate to ask if you run into any more problems.
Robert Richey
Courses Plus Student 16,352 PointsRobert Richey
Courses Plus Student 16,352 PointsHi 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.