2. Navigation (CSS)


#1

Dont know whats wrong. Keeps on saying Oops, try again. Set the display of the li elements inside <div class="nav">..</div> to inline
Heres the code for css:

.nav a {
  color: #5a5a5a;
  font-size: 11px;
  font-weight: bold;
  padding: 14px 10px;
  text-transform: uppercase;
}

.jumbotron {
  background-image:url('http://goo.gl/04j7Nn');
  height: 500px;
}

.jumbotron h1 {
  color: #fff;
  font-size: 48px;  
  font-family: 'Shift', sans-serif;
  font-weight: bold;
}

.jumbotron p {
  font-size: 20px;
  color: #fff;
}

.learn-more {
  background-color: #f7f7f7;
}

.learn-more h3 {
  font-family: 'Shift', sans-serif;
  font-size: 18px;
  font-weight: bold;
}

.learn-more a {
  color: #00b0ff;
}
 .nav h1 {
   display: inline ;
}

#2

It should be div, not h1 as you have it.


#3

Hy people! I have exactly the same issue.. Useless to add print cause is same as Paradoxcoder. I ve tried even with div, but it keeps telling me the same thing on and on. Somebody please show us the way!


#4

Do you have a selector that selects the li elements?


#5

Can you be more explicite?


#6

I don t know how to select them buddy..


#7

If you want to use CSS to do something to an HTML element, then you first have to select the HTML element. You've been using selectors quite a bit in the previous exercises, maybe you just didn't realize what they were called.

These are all selectors:

.nav a 
.jumbotron
.jumbotron h1
.jumbotron p
.learn-more
.learn-more h3
.learn-more a

Each of those selects a bit of HTML so that you can do something to it with your CSS rules.

Now, you are being asked to select the li elements in the the nav div. If you follow the pattern that you have used to create all of those other selectors then you will be able to do that too.


#8

Yes, i am aware of the selectors..I have done like this and still not working.
.nav a {
display: inline;
}
I think I kind of miss something essential here. Thanks for guiding me and i`m sorry for my confusion.


#9

With that, you have selected a elements, not li elements.


#10

Done it! Thanks a lot for the patience!