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 Adding Pages to a Website Add a New Page

Vladimir Miletic
Vladimir Miletic
6,201 Points
Posted by Vladimir Miletic
Vladimir Miletic
6,201 Points

I have problem to set a profile photo in About page. I did all as it is in video, but it does not work!!!

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Vladimir Miletic | Designer</title> <link rel="stylesheet" href="css/normalize.css"> <link href='http://fonts.googleapis.com/css?family=Changa+One|Open+Sans:400,700,700italic,800' rel='stylesheet' type='text/css'> <link rel="stylesheet" href="css/main.css"> </head> <body> <header> <a href="index.html" id="logo"> <h1> Vladimir Miletic</h1> <h2>Designer</h2> </a> <nav> <ul> <li><a href="index.html">Portolio</a></li> <li><a href="about.html" class="selected">About</a></li> <li><a href="contact.html">Contact</a></li> </ul> </nav> </header> <div id="wrapper"> <section> <img src="img/vladimir.jpg" alt="Photograph of Vladimir Miletic" class="profile-photo"> <h3>About</h3> <p>Hi, I am Vladimir Miletic! This is my design portfoli where I share all of my favorite work. When I'm not designig things, I enjoy playing guitar, drinking good coffee and more. </p> <p> I f you'd like to follow me on twitter, my username is <a href="http://twitter.com/vladda22"> @vladda22</a>.</p> </section> <footer> <a href="http://twitter.com/vladda22"><img src="img/twitter-wrap.png" alt="Twitter Logo" class="social-icon"></a> <a href="http://facebook.com/VladimirMilettic"><img src="img/facebook-wrap.png" alt="Facebook Logo" class="social-icon"></a>

    <p>&copy; 2014 Vladimir Miletic.</p> 
  </footer> 
</div>

</body> </html>

4 Answers

Juan de Elena O'Shea
Juan de Elena O'Shea
4,757 Points
Juan de Elena O'Shea
Juan de Elena O'Shea
4,757 Points

Hello Vladimir!

I am pretty sure the issue is either on the name of the picture (did you name it exactly vladimir.jpg ?) or on where the image is located.

Remember that you can either simply put the name of the picture if it is stored exactly in the same file as your html page:

<img src="vladimir.jpg">

Or you need to navigate a bit through the folder directory to locate it:

if your img folder exists and is a subfolder of the one containing your html, your code should work fine:

<img src="img/vladimir.jpg">

Or for example, to jump back in the folder directory (say the folder that contains your picture and the folder that contains your html are both subfolders of a parent folder), you need to use "../" for each step back in the directory: 

<img src="../img/vladimir.jpg">

I hope that helps!

Cheers!

Vladimir Miletic
Vladimir Miletic
6,201 Points
Vladimir Miletic
Vladimir Miletic
6,201 Points

Juan, thank you for answering. I did everything as you said but still is the same. I even try to put Nicks photo and ain't work:(

Keithia Al-Amin
Keithia Al-Amin
706 Points
Keithia Al-Amin
Keithia Al-Amin
706 Points

I'm having a similar issue. When I add the picture without CSS, the image shows on the about page. Once I add in the CSS, it disappears, that's with the nick.jpg and my own personal image.

Keithia Al-Amin
Keithia Al-Amin
706 Points
Keithia Al-Amin
Keithia Al-Amin
706 Points

Actually, nevermind I got it to work. I was doing everything through Firefox (and am only using Firefox because the videos keep restarting by themselves in Chrome) and my about me pic kept disappearing. I tried again through Chrome and everything works.

Guess I'll watch the videos in FF and edit stuff in Chome...