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

General Discussion

Posted by Mark Tatum
Mark Tatum
2,482 Points

Unwanted text above and below photos

Questions:

How can I fix the: Layout of the photos in the Portfolio section is off. Is it due to:

gallery li:nth-child(4n) {

clear:left; }

The photos have the following text above: alt=""> and below: alt.JPG=""> I do not know how to get rid of this text My Phone, address and email on contact page need space between each one and I would like to add some color. Finally, Should the contact info have a phone symbol next to the number a mail symbol next to the e-mail address?

I want to make sure it all looks good since I bought the domain and hosting service. I do not want to upload until I finish this.

Thank you!

3 Answers

Mark Tatum
Mark Tatum
2,482 Points
Mark Tatum
Mark Tatum
2,482 Points

Oops Here is the snapshot:

https://w.trhou.se/mr9mef6pzh

Matt plumridge
PLUS
Matt plumridge
Courses Plus Student 4,632 Points
Matt plumridge
Matt plumridge
Courses Plus Student 4,632 Points

When I did this class i don't remember doing an alt.jpg="" I only used alt="" so firstly I would try changing those and see what happens.

As for the contact images I couldn't see that you even added the images to your anchors in the contact.html file. the file names were Facebook-wrap.jpg or something like that, but I could only see one in the image folder I would rematch the video and recap on the bits that are confusing you and also redownload the images and drag them into your workspace

hope this helps, I've not long done this myself so I'm still new

Ryan Field
PLUS
Ryan Field
Courses Plus Student 21,242 Points
Ryan Field
Ryan Field
Courses Plus Student 21,242 Points

You have some issues with your markup. The extra text is coming from text that is not enclosed within tags:

 <li>
          <a href="img/taquitosdepibil.jpg"> alt="">
            <img src="img/taquitosdepibil.jpg"> alt.JPG="">
            <p>Taquitos de Pibil.</p>
            </a></li>

Should be:

 <li>
          <a href="img/taquitosdepibil.jpg">
            <img src="img/taquitosdepibil.jpg" alt="">
            <p>Taquitos de Pibil.</p>
            </a></li>