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
Andrea Faciane
10,042 PointsStage 3 understanding values and units
why is it when I add none to the text-decoration in the link rule... I continue to see an underline below my text? any help would be grately appreciated.
Andrea Faciane
10,042 PointsI have a: link { text-decoration: none; }
then I I save it and refresh and no results. If you have any more Ideas let me know and I'll keep trying. Thanks
Sika Stanton
2,198 PointsI think try a {text-decoration: none; } so that it covers all link states.
can you post all your code so I can see it in context? also have you tried clearing your cache?
Andrea Faciane
10,042 Pointsbody { color: #878787; margin: 0;
font: 1em/1.5 "Helvetica nuea"Helvetica, Arial, sans-serif; }
h1 {
font-size: 5.625rem;/* 90px / 16px */
color:rgba(255, 255, 255, .5);
text-transform:uppercase;
font-weight:normal;
line-height:1.3;
}
h2 { font-size: 53px; text-decoration: underline; font-weight:normal; }
h3 { font-size: 20px; color: #48525c; }
p {
}
}
/* Pseudo-classes ------------------ */
a:link { color: rgb(255,169, 73); text-decoration: none; }
a:visited { color: lightblue; }
a:hover { color: rgba(255, 169, 73, .4); }
a:active { color: lightcoral; }
/* ID Selectors -------------------- */
main-footer {
padding-top: 60px; padding-bottom: 60px; border-bottom: solid 10px #ffa949; }
/* Class Selectors ----------------- */
.main-header { background-color:#ffa949;
}
.title { color: white; font-size: 1.625rem; /* 26px/16px */ } .primary-content, secondary-content { width:60%; }
.primary-content , .main-header { text-align: center; }
.t-border { border-top: 2px solid lightgrey; /* Top border styles */ }
Andrea Faciane
10,042 Pointswell... I copied and pasted text-decoration in each as you suggested.. it did not work. I have an Idea but I have to try it first and I will get back with you. I promise
2 Answers
Andrea Faciane
10,042 PointsSika? I accidently found a previous problem that gave me resolution to this problem. The instructions were to try a { color: inherit; } not sure why it worked but it did in the exercise . Yet a: link{ text-decoration:none; } passed the quiz Anyways thanks for your effort!!!!
Sika Stanton
2,198 Pointsadd text-decoration: none; to each of those link states like this
a:link { color: rgb(255,169, 73); text-decoration: none; }
a:visited { color: lightblue; text-decoration: none;}
a:hover { color: rgba(255, 169, 73, .4); text-decoration: none;}
a:active { color: lightcoral; text-decoration: none;}
Sika Stanton
2,198 PointsSika Stanton
2,198 PointsHard to say without seeing your code. I think it should look like this:
a { text-decoration: none; }