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

Seth Warner
Seth Warner
1,878 Points
Posted by Seth Warner
Seth Warner
1,878 Points

Something seems to be causing my "text-decoration: none;" not able to remove the hyper link design..

ul {
    font-size: 20px;
    font-family: Arial;
    font-color:#0d0d0d;
    text-align: center;
    text-shadow: 3px 2px 3px #333333;
    border-radius: 8px;
    background-color: #b3b3b3;
    list-style-type: none;  /*This removes the bullets */
    margin: 0; /*This and */
    padding: 0; /*this, adjusts the palcement of the navbar's contents */

  }
ul li { /* to adjust the li, you would use "ul li" not "#navBar li".*/
  border-left: 1px solid #550;
  display:inline;
  text-decoration: none;
}

ul li:hover {
    font-size: 20px;
    font-family: Arial;
    font-color:#0d0d0d;
    text-align: center;
    text-shadow: 3px 2px 3px #333333;
    border-radius: 8px;
    opacity: 50;
    background-color: #b3b3b3;

  }

3 Answers

Seth Warner
Seth Warner
1,878 Points
Seth Warner
Seth Warner
1,878 Points

Henrik Christensen Huh, that worked. I was under the impression you were to treat it like other CSS settings, and you could define where you don't want text-decorations. I'm guessing the "a" stands for anchor tag?

Seth

Thank you!

Henrik Christensen
seal-mask
.a{fill-rule:evenodd;}techdegree
Henrik Christensen
Python Web Development Techdegree Student 38,322 Points
Henrik Christensen
.a{fill-rule:evenodd;}techdegree
Henrik Christensen
Python Web Development Techdegree Student 38,322 Points

Yes, a stands for anchor tag - if you try make list-items that's not wrapped inside an anchor tag you should see the text doesn't have an underlined text - But the anchor tag does have the underlined text by default :-)

Seth Warner
Seth Warner
1,878 Points
Seth Warner
Seth Warner
1,878 Points

Henrik Christensen Sure do! Thank you, funny how something so small can be such a nuisance.

  • Seth