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

Posted by carly graham
carly graham
2,663 Points

Contact logos will not appear

My about image and the logos for the contact page will not appear. I've combed through my code and I'm not exactly sure what is wrong with it. https://w.trhou.se/ftb8jgnh12

Siddhant Mehta
Siddhant Mehta
Courses Plus Student 478 Points

workspace snapshot doesn't exist

Steven Parker
Steven Parker
244,049 Points
Steven Parker
Steven Parker
244,049 Points

Did you delete your workspace?

carly graham
carly graham
2,663 Points

https://w.trhou.se/0xo7mlaz02

5 Answers

carly graham
carly graham
2,663 Points
carly graham
carly graham
2,663 Points

oh sorry! https://w.trhou.se/0xo7mlaz02

Owa Aquino
Owa Aquino
19,277 Points
Owa Aquino
Owa Aquino
19,277 Points

Hey Carly,

I've checked out your code, and the reason why it's not displaying the image because i think you mistakenly type the image source attribute "scr" instead of "src" when you called your image.

<img scr="img/ME3.jpg" alt="Photograph of Carly Graham" class="profile-photo">

it should be

<img src="img/ME3.jpg" alt="Photograph of Carly Graham" class="profile-photo">

Hope this helps. Cheers!

Owa Aquino
Owa Aquino
19,277 Points

Great gallery by the way! :)

carly graham
carly graham
2,663 Points

Owa, thanks so much! I was able to get my 'about' pic up :)

Owa Aquino
Owa Aquino
19,277 Points

No problem. I'm glad that I can help.

Siddhant Mehta
PLUS
Siddhant Mehta
Courses Plus Student 478 Points
Siddhant Mehta
Siddhant Mehta
Courses Plus Student 478 Points

Owa is correct & in contact page you close <ul> where you start which should be placed at the end of list-items and when you done with this just apply these styles in your stylesheet..

.contact-info a{
   display: block;
   min-height: 20px;
   background-size: 20px 20px;
   background-repeat: no-repeat;
   padding: 0 0 0 30px;
   margin: 1.3% auto;
}

Hope it's help you

carly graham
carly graham
2,663 Points

Thanks for the reply! I'm not sure exactly what you mean...the images that are supposed to be there are just bullet points, despite my assigning the list-style as none. Not sure how to proceed. https://w.trhou.se/rhvr3q2fzr

Siddhant Mehta
Siddhant Mehta
Courses Plus Student 478 Points

just apply the above css in your stylesheet & correct your html structure

 <h3>Contact Details</h3>
        <ul class="contact-info"></ul> //remove closing ul tag
          <li class="phone"><a href="tel:555-6425">555-6425</a></li>
          <li class="mail"><a href="mailto:carly@example.com">carly@example.com</a></li>
          <li class="twitter"><a href="http://twitter.com/intent/tweet?
screen_name=busi_ness_lady">@busi_ness_lady</a></li> 

  //add closing ul tag here
carly graham
carly graham
2,663 Points
carly graham
carly graham
2,663 Points

Awesome! thanks so much! I was wondering why I needed to change the margin from 0 0 10px to 1.3% auto?

Siddhant Mehta
Siddhant Mehta
Courses Plus Student 478 Points

It's only for extra spacing you can apply 0 0 10px also

carly graham
carly graham
2,663 Points
carly graham
carly graham
2,663 Points

Okay cool, thanks for your help!

Siddhant Mehta
Siddhant Mehta
Courses Plus Student 478 Points

Your welcome & happy coding