treehouse : what would you like to learn today?
Web Design Web Development iOS Development

Can get a navbar to work on my site

  • I'm having a hard time with something that was supposed to be really easy. I can't get the background images to show on my list and I can't get the list to behave the way I intend (horizontal). I suspect is because the container positioning is set to absolute and that is screwing everything else. I have followed tutorials of working examples but they are not working on my site. They appear like text only and the images are not showing up. Any help would be greatly appreciated.

    Please keep it simple I know my way around CSS and HTML but I'm definitely not an expert.

    web site: www.ab-designer.com
    the way is supposed to look: www.ab-designer.com/site/WebSite_03.jpg

    Thank you
  • something like this would take you really close to what you want.

    #menulist li{
    float:left;
    background:black;
    padding:8px;
    margin: auto 10px;
    border-top:white 1px solid;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px; /* future proofing */
    -khtml-border-radius: 10px; /* for old Konqueror browsers */
    }
    #menulist li a{
    text-decoration: none;
    color:white;
    }


    what you need to change is the colors and maybe the border radius to fit your design. I was not sure if you also needed opacity, but you could add it if needed
  • This wasn't exactly what I was looking for but you helped me -even if unintentionally- to realize what was I doing wrong. I have to admit my request wasn't very clear either. Thanks for trying and helping, the navbar it is working now.