[Solved] create horizontal navigation with images in a inline list [closed]


Use background-image inside of your li tags. You can play around with the margin and padding, I’ve given you some arbitrary values to start you off.

#navlist { 
    list-style: none;
    margin: 0; }
#navlist li { 
    background: url('../imgs/nav/slash.png') 0 50% no-repeat;
    margin: 0 0 0 5px; /* The amount of space you want before the image */
    padding: 0 0 0 5px; /* The amount of space you want to allocate for this image */
    display: inline-block; }

solved create horizontal navigation with images in a inline list [closed]