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

Alex Thomas
Alex Thomas
4,247 Points

Hello, I am using workspaces to build a site for a friend. I'm wondering if external links function in workspaces?

I'm using workspaces to build a site and am trying to test out hyperlinks to other websites. When I scroll over them on the preview page, they aren't active. Is this a workspace thing or am I missing something?

    <meta name="viewport" content="width=device-width, intial-scale=1.0">
  </head>
  <body>
    <header>
     Bo's Motorworks
    </header>
    <section>
      <img src="bmw.jpg-c200" alt="bmw logo">  
    </section>
    <footer>
      <a href="https://westerndesignstudios"></a>&copy; 2017 Alex Thomas
    </footer>
  </body>
</html>

Moderator edited: Markdown added to properly display code on the forums

Jennifer Nordell
seal-mask
.a{fill-rule:evenodd;}techdegree
Jennifer Nordell
Treehouse Teacher

Hi there! It would help tremendously if you could post a snapshot of your workspace here so that we can fork it. But if this is the entirety of your code, then yes, there are some things missing. This is not a workspaces issue. For HTML and CSS, workspaces is simply a text editor (although a rather good one). Remember that the "preview" is run in your browser.

Alex Thomas
Alex Thomas
4,247 Points

I took a screenshot with workspaces but don't know how to share it. I did get the link working, but for some reason my footer is stuck at the top of the page. How do I fix this. I've been googling all day, can't get it to move.

Jennifer Nordell
seal-mask
.a{fill-rule:evenodd;}techdegree
Jennifer Nordell
Treehouse Teacher

If you look at the top right of your workspace you'll see a camera icon. You can use this to make a snapshot of your workspace. This is different than a screenshot. Your workspace is private only to you. So if we want to look at the code and file structure in there, we have to make a copy of it so as to not alter your code in your workspace.

After you make the workspace snapshot, follow the link and post the link here. We can take a look around after we've made a copy.

That being said, Tamas is correct. There's a link, but it's not attached to anything. There's nothing inside the link :smiley:

Alex Thomas
Alex Thomas
4,247 Points

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Bo's Motorworks</title> <link rel="stylesheet" href="css/normalize.css"> <link rel="stylesheet" href="css/main.css"> <meta name="viewport" content="width=device-width, intial-scale=1.0"> </head> <body> <header> Bo's Motorworks </header> <section> <img src="bmw.jpg-c200" alt="bmw logo" class="ri"> </section> <footer> <a href="https://westerndesignstudios"> &copy 2017 Alex Thomas </a> </footer> </body> </html>

Alex Thomas
Alex Thomas
4,247 Points

I was able to correct the error regarding the link, but I still can't get my footer to the bottom of the page. It's not very much content and there will only be 2 pages. A simple intro page with the company name and the logo acting as a link to the contact/info page. I can set all that up, I just can't for the life of me figure out the footer issue.

Jennifer Nordell
seal-mask
.a{fill-rule:evenodd;}techdegree
Jennifer Nordell
Treehouse Teacher

Yes, but without seeing your CSS we have no idea how these elements are styled and positioned. If there is no CSS, then the footer will be pushed up to the bottom of the section which simply contains a picture. We have no way to know how large or small that picture is. If you want the footer to be at the bottom of the page, then you're going to have to include rules to put it there or make the content in the middle larger. This is where the snapshot to your workspace would really help us work out what's going on.

Alex Thomas
Alex Thomas
4,247 Points

Hi, and thanks for replying with the info. I'm going to go through the first part of the track again to get a better understanding of everything. Thanks again.

1 Answer

Hello Alex, I'm not sure if I understand your question right. So you are linking "westerndesignstudios", and when you preview your site, you can't see the blue decoration indicating that is a link? If that's the problem, it's because there is nothing between your opening and closing anchor tag. <a href="https://westerndesignstudios">Here should come something</a> I hope I could help!