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
Josh Bennett
15,258 PointsThe text decoration seems to only remove the underline from the h1 element.
Super weird, the underline is gone on the h1 only. I have tried making the href on the li a class and targeting that class directly, no luck. I went ton StackOverflow and poked around and a few other people have noted similar problems (often a syntax error but not always). I have added other styles to a and they have worked color: orange;
a {
text-decoration: none;
}
and...
<html>
<head>
<meta charset="utf-8">
<title>Bazooka Media | Brand Agency</title>
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/main.css">
</head>
Josh Bennett
15,258 Points@Chris Hall, the project is local. Sorry, no links. The markdown above looks fine to me. What about it is unclear?
Chris Hall
Full Stack JavaScript Techdegree Student 11,442 PointsAll we're seeing is the start of the HTML document from the opening <HTML> to the end of the head. In it, you're calling your stylesheets. However, we do not know what is in your stylesheet. More so since we can't see the body of your HTML we can't tell if you're anchoring the H1 you've referenced, and nothing else, or if you have other a:link's going on.
Since you set the CSS for all a:link to have text-decoration: none it should be removing all underlines from the a:link. But since it sounds like it's not, being able to see all of the CSS will help us pinpoint things like unclosed properties. Or if you did something like..
h1 a {
text-decoration: none;
}
..which would only affect the h1's with a link. Another thing that could be happing is somewhere in the cascade the text-decoration: none is being overwritten. Or you could have set that property only within a media query. So that's why you're not seeing it.
Josh Bennett
15,258 Pointsok.
a {
text-decoration: none;
}
#wrapper {
max-width: 940PX;
margin: 0 auto;
}
and
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Bazooka Media | Brand Agency</title>
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/main.css">
</head>
<body>
<header>
<a href="index.html">
<h1>Bazooka Media | Brand Agency</h1>
</a>
<n>
<u>
<li><a href="index.html" class="test">Portfolio</a></li>
<li><a href="about.html">About</a></li>
<li><a href="contact.html">Contact</a></li>
</u>
</n>
</header>
<div id="wrapper">
<section>
<u>
<li>
<a href="img/numbers-01.jpg">
<img src="img/numbers-01.jpg" alt="">
<p>Color and Texture</p>
</a>
</li>
<li>
<a href="img/numbers-02.jpg">
<img src="img/numbers-02.jpg" alt="">
<p>Color and Texture</p>
</a>
</li>
<li>
<a href="img/numbers-06.jpg">
<img src="img/numbers-06.jpg" alt="">
<p>Color and Texture</p>
</a>
</li>
<li>
<a href="img/numbers-09.jpg">
<img src="img/numbers-09.jpg" alt="">
<p>Color and Texture</p>
</a>
</li>
<li>
<a href="img/numbers-12.jpg">
<img src="img/numbers-12.jpg" alt="">
<p>Color and Texture</p>
</a>
</li>
</u>
</section>
<footer>
<a href="twitter.com"><img src="img/twitter.png" alt="Twitter"></a>
<a href="facebook.com"><img src="img/facebook.png" alt="Facebook"></a>
<p>© 2016 Josh Bennett</p>
</footer>
</div>
</body>
</html>
Josh Bennett
15,258 Pointsfigured it out. Atom's autocomplete was shortening some of the tags. I switched to Sublime and made a few corrections and bingo. I think i'll stick with Sublime.
Chris Hall
Full Stack JavaScript Techdegree Student 11,442 PointsChris Hall
Full Stack JavaScript Techdegree Student 11,442 PointsHey, Josh, it looks like something went wrong when you were adding your code to your post. If you have a moment to reformat it so we can see all of your HTML and CSS it'll help us out a lot. You can also give us links to the page if it's off TreeHouse. Also tossing a link to the section you're on sometimes helps (if related).