Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

CSS

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

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,319 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

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

  • Seth