Forum Moderators: not2easy

Message Too Old, No Replies

Navigation Menu

Can i have a background image and a list style icon?

         

tonynoriega

9:58 pm on Aug 7, 2007 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



I have a horizontal navigation menu that uses a background image..... i am also trying to see if i can incorporate a "down arrow" icon into the <li> items as well...

might anyone have any insight....ive tried the below code, and many other tries, but cant seem to get it...and i dont even know if i can...?
Thanks All..
_______________________________________________________

/*solid block main nav menu*/
#solidblock{
width:800px;
margin: 0 auto;
}
.solidblockmenu{
margin: 0 auto;
padding: 0;
float: left;
font: bold 1.3em Arial;
width: 100%;
background: black url("{template_url}/images/blockactive.gif") center center repeat-x;
}

.solidblockmenu li{
display: inline;
list-style: url("{template_url}/images/down_arrow.gif") outside circle;
}

.solidblockmenu li a{
float: left;
color:#5A471A;
padding: 9px 11px;
text-decoration: none;
}

.solidblockmenu li a:visited{
color:#5A471A;
}

.solidblockmenu li a:hover, .solidblockmenu li .current{
color:#FFFFFF;
background: transparent url("{template_url}/images/blockdefault.gif") center center repeat-x;
}

Marshall

10:31 pm on Aug 7, 2007 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



You want:

list-style-image: url(image.gif);

Marshall