Treehouse: Grow your CSS skills. Land your dream job.

Menu bar

  • # October 27, 2013 at 11:19 pm

    Hi, I want to create a horizontal menu bar, but I can not. Or rather, I can not change the image of the list .. Who can help me?

    HTML:

    <div>
      <ul>
        <li>
          <a href="#">a</a>
        </li>
        <li>
          <a href="#">b</a>
        </li>
        <li>
          <a href="#">c</a>
        </li>
        <li>
          <a href="#">d</a>
        </li>
        <li>
          <a href="#">e</a>
        </li>
        <li>
          <a href="#">f</a>
        </li>
      </ul>
    </div>
    

    CSS:

    content {
    
        float: left;
        width: 750px;
        height: 30px;
        background: yellow;
        font-weight: bold;
    
    
    }
    
    menu {
    
        padding-left: 20px;
        margin: 0px;
        list-style-image: url('img/fr.png');
    
    
    }
    
    content_header li {
    
        float: left;
        display: inline;
        padding-right: 30px;    
    
    
    }
    

    Thanks!

    # October 28, 2013 at 2:12 am

    Please could you clarify your question. You have given us two sets of unrelated code including invalid CSS. Can I suggest you show us in CodePen so we can fix your code.

    Thanks.

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.