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 CSS Basics (2014) Understanding Values and Units Styling the Intro Paragraph

Posted by hialabama
hialabama
2,965 Points

I don't understand why I cannot remove the links decorations with my a:link.

I cannot find the bug.

index.html 
<!DOCTYPE html>
<html>
  <head>
    <title>Lake Tahoe</title>
    <link rel="stylesheet" href="page.css">
    <link rel="stylesheet" href="style.css">
  </head>
  <body> 
    <header id="top" class="main-header">
      <span class="title">Journey Through the Sierra Nevada Mountains</span>
      <h1>Lake Tahoe, California</h1>
    </header>
    <div class="primary-content t-border">
      <p class="intro">
        Lake Tahoe is one of the most <span>breathtaking attractions</span> located in California. It's home to a number of ski resorts, summer outdoor recreation, and tourist attractions. Snow and skiing are a significant part of the area's reputation.
      </p>
      <a href="#more">Find out more</a>
    </div>
    <footer class="main-footer">
      <p>All rights reserved to the state of <a href="#">California</a>.</p>
      <a href="#top">Back to top &raquo;</a>
    </footer>
  </body>
</html>
style.css 
/* Complete the challenge by writing CSS below */
.intro {
  font-size: 1.25em;
  line-height: 1.6;
}

.intro span {
  font-weight: bold;
  font-style: italic;
}

a:link {
  text-decoration: none;
}

5 Answers

jacobproffer
jacobproffer
24,604 Points

I've tried your code across three browsers (Chrome, Firefox, & Safari) with no issues. Unsure why this wouldn't be working.

Can you try something for me? Try copying and pasting my code:

<!DOCTYPE html>
<html>
  <head>
    <title>Lake Tahoe</title>
    <link rel="stylesheet" href="page.css">
    <link rel="stylesheet" href="style.css">
  </head>
  <body> 
    <header id="top" class="main-header">
      <span class="title">Journey Through the Sierra Nevada Mountains</span>
      <h1>Lake Tahoe, California</h1>
    </header>
    <div class="primary-content t-border">
      <p class="intro">
        Lake Tahoe is one of the most <span>breathtaking attractions</span> located in California. It's home to a number of ski resorts, summer outdoor recreation, and tourist attractions. Snow and skiing are a significant part of the area's reputation.
      </p>
      <a href="#more">Find out more</a>
    </div>
    <footer class="main-footer">
      <p>All rights reserved to the state of <a href="#">California</a>.</p>
      <a href="#top">Back to top &raquo;</a>
    </footer>
  </body>
</html>

/* Complete the challenge by writing CSS below */

.intro {
  font-size: 1.25em;
  line-height: 1.6;
}

.intro span {
  font-weight: bold;
  font-style: italic;
}

a:link {
  text-decoration: none;
}

It's the exact same but there may be a hidden character on your end that is causing the challenge to fail. With that said, I find it odd that there is a highlight between your a:link selector and the opening curly bracket.

Best,

Jacob

hialabama
hialabama
2,965 Points

That... worked. Strange. Seems that you're hypothesis is right. I cancel my bug report. Thanks for your help!

jacobproffer
jacobproffer
24,604 Points
jacobproffer
jacobproffer
24,604 Points

Hey David,

Have you tried refreshing your browser? I tried your code and everything passes on my end.

Can you try that and let me know if it works?

Best,

Jacob

hialabama
hialabama
2,965 Points

Yes I did, but I do it again... Wait a minute ;)

Jonathan Grieve
MOD
Jonathan Grieve
Treehouse Moderator 91,253 Points
Jonathan Grieve
Jonathan Grieve
Treehouse Moderator 91,253 Points

I'm not sure why this is either. It's correct code and my attempts passed the challenge.

Try again following the same steps as before, maybe the challenge will be more forthcoming this time. :)

hialabama
hialabama
2,965 Points
hialabama
hialabama
2,965 Points

Okay. This is weird. Browser reboot, refresh, but still the same error. It doesn't work on Safari either. This one is a head-scratcher...

hialabama
hialabama
2,965 Points
hialabama
hialabama
2,965 Points

Even if I try to put another color to the unvisited links... nothing happen in the preview. Bug?

Jonathan Grieve
Jonathan Grieve
Treehouse Moderator 91,253 Points
Jonathan Grieve
Jonathan Grieve
Treehouse Moderator 91,253 Points

It must be. some strange things are happening around the Treehouse servers at the moment. Maybe try reporting a bug to Treehouse suppprt to make the tech guys aware of it. But it's odd that it should work for 2 people at least but not yourself. :)

hialabama
hialabama
2,965 Points

Yep. Just did that. Did you spot other abnormalities on the site recently?

Jonathan Grieve
Jonathan Grieve
Treehouse Moderator 91,253 Points
Jonathan Grieve
Jonathan Grieve
Treehouse Moderator 91,253 Points

Just a few strange things going on when i try to add forum code.. I expect they're already aware of it though. :)