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

Posted by ryanandrews
ryanandrews
7,822 Points

Bootstrap Framework Website - Navbar & Logo

I am having trouble getting my navbar to show the Ribbit Logo. I am wondering why this will not show up. 

<div class="navbar navbar-inverse navbar-fixed-top">
      <div class="container">

        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>
        <a class="navbar-brand text-muted tree" href="#">E V K</a>
        <div class="collapse navbar-collapse">
          <ul class="nav navbar-nav navbar-right">
            <li class="active"><a href="#">Home</a></li>
            <li><a href="#">Services</a></li>
            <li><a href="#">About</a></li>
            <li><a href="#">Contact</a></li>


          </ul>

        </div>
      </div>
    </div>```

Here is my styling for the tree.logo

```css
.tree {
    width: 124px;
    height: 34px;
    margin-top: 22px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    background: url('.../img/tree.png') no-repeat;
    background-size: 100%;

}

there are some modification because I am using it for another site, I tried using my own logo but it didn't work and now I can't get the ribbit logo to show up. Where is the bug?

Thank you And Thank you to Treehouse and Guil for another great set of videos.

ryanandrews
ryanandrews
7,822 Points

Sorry this is my first 2 lines of the Navbar code

<div class="navbar navbar-inverse navbar-fixed-top">
      <div class="container">

1 Answer

Tom Bedford
Tom Bedford
15,645 Points

Looks like you have a problem in the css, you have too many dots for jumping back a directory to get to the "img" folder. Should be two not three.

.tree {

background: url('../img/tree.png') no-repeat;

}
ryanandrews
ryanandrews
7,822 Points

haha, yep that was it. Thank you so much Tom.