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

HTML

Posted by Frank Grillo
.a{fill-rule:evenodd;}techdegree seal-36
Frank Grillo
Front End Web Development Techdegree Graduate 16,715 Points

Linking photos in Front End Tech Degree Project 2

I need help linking photos properly.

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="stylesheet" href="my_stylesheet.css">
        <link rel="preconnect" href="https://fonts.googleapis.com">
        <link rel="https://fonts.gstatic.com" crossorigin="">
        <link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@700&display=swap" rel="stylesheet">
    </head>
    <style>
        @import url('https://fonts.googleapis.com/css2? family=IBM+Plex+Sans:wght@700&display=swap');
    </style>
    <header id="BACK TO TOP">
        <h1>Frank Grillo</h1>
        <nav class="mobile-nav">
            <ul class="top-bar">
                <li><a href="#Home" class="mobile-a">Home</a></li>
                <li><a href="#PORTFOLIO" class="mobile-a">PORTFOLIO</a></li>
                <li><a href="#CONTACT" class="mobile-a">CONTACT</a></li>
            </ul>
        </nav>
        <nav class="desktop-nav">
            <ul>
                <li class="desktop"><a href="#Home">Home</a></li>
                <li class="desktop"><a href="#PORTFOLIO">PORTFOLIO</a></li>
                <li class="desktop"><a href="#CONTACT">CONTACT</a></li>
            </ul>
        </nav>
        <img src="images/responsive-layout-profile.png" class="pic-move" alt="image of Frank Grillo">
        <p class="aboutMe">Hi, I am a Front End Techdegree Student at Team Treehouse. I hope to work as a Front End Web Developer upon obtaining certfication.</p>
    </header>
    <div>
        <div>
            <h2 id="PORTFOLIO" class="top-space">PORTFOLIO</h2>
            <img src="images/portfolio-1.png" alt="Marketing Page">
            <h3>Marketing Page</h3>
            <p class="projects">This Project shows the front page of a marketing web page.</p>
        </div>
        <div>
            <img src="images/portfolio-2.png" alt="Search Page">
            <h3>Search Page</h3>
            <p>This Project searches through a specific database to find information.</p>
        </div>
        <div>
            <img src="images/portfolio-3.png" alt="Travel App">
            <h3>Travel App</h3>
            <p class="projects">This Project shows the front page of a Travel App.</p>
        </div>
        <div>
            <img src="images/portfolio-4.png" alt="Map of Favorite Spots">
            <h3>Map of Favorite Spots</h3>
            <p class="projects">This Project shows the front page of a Map of Favorite Spots.</p>
        </div>
        <div>
            <img src="images/portfolio-5.png" alt="Photo Gallery">
            <h3>Photo Gallery</h3>
            <p class="projects">This Project shows the front page of a Photo Gallery.</p>
        </div>
        <div>
            <img src="images/portfolio-6.png" alt="Calculator">
            <h3>Calculator</h3>
            <p class="projects">This projects shows the front page of a Calculator App.</p>
        </div>
        <div class="contact">
            <h2 id="CONTACT">CONTACT</h2>
            <p class="contact-spacing">If you have any questions or would just like to talk you can either call or email me.</p>
            <p class="word-space">Phone<a href="#blank" class="#contact-list">+(201)952-4649</a></p>
            <p class="word-space">Email<a href="#blank" class="#contact-list">fsg12491@aol.com</a></p>
        </div>
        <div class="line"></div>
        <footer>
            <p class="bottom-page left">Frank Grillo</p>
            <p class="bottom-page right"><a href="#BACK TO TOP" class="top">BACK TO TOP</a></p>
            <nav>
                <p class="bottom-design">Frank Grillo</p>
                <ul class="mobile-display">
                    <li><a href="#Home">Home</a></li>
                    <li><a href="#PORTFOLIO">PORTFOLIO</a></li>
                    <li><a href="#CONTACT">CONTACT</a></li>
                </ul>
            </nav>
        </footer>

    </div>
</html>
Steven Parker
Steven Parker
231,269 Points
Steven Parker
Steven Parker
231,269 Points

This looks like a duplicate of your previous question, you might want to revisit and delete that other one, click the little rectangle with the 3 dots to reveal the option to "Delete Question".

1 Answer

Travis Alstrand
seal-mask
STAFF
.a{fill-rule:evenodd;}techdegree
Travis Alstrand
Treehouse Teacher
Travis Alstrand
.a{fill-rule:evenodd;}techdegree
Travis Alstrand
Treehouse Teacher

Hey Frank!

It's a bit difficult to see exactly what the issue is without seeing the project and its file structure. It could be a number of things, an incorrect path in the src value, a typo on the file name, etc.

I highly recommend coming over to the Slack community! There are multiple Student Success Specialists like myself and other students that are always willing to help. There we can download a copy of your project and really dive deep and give much more detailed and clearer answers in a much shorter response time. It's a great community! :smiley:

On the bottom right side of your Techdegree homepage is a section titled "Your Techdegree Support Center" with some pictures of us. At the bottom of that section is a big blue button that reads "Go to Slack". Click on that button and follow the steps to logging into Slack! I hope to see you there!

If for some reason you can't do that, maybe you could try posting a link to your GitHub repo here that we can check out for you.