Forum Moderators: not2easy
Any ideas how to make the list right in both?
<div id="subnavcontainer">
<ul id="subnavlist">
<li id="active"><a href="index.php?option=content&task=view&id=3&Itemid=28" class="images" >Welcome</a></li>
<li id="active"><a href="index.php?option=content&task=view&id=4&Itemid=29" class="images" >Welcome again</a></li>
</ul>
</div>
and CSS:
#subnavcontainer
{
width: 150px;
}#subnavcontainer ul
{
font-size: 11px;
font-family: Tahoma, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
padding: 0px 0px;
margin: 0;
color: #FFFFFF;
font-weight: none;
text-decoration: none;
list-style-type: none;
list-style-image: url(../images/Blue_arrow.gif);
}#subnavcontainer a
{
width: 150px;
display: list-item;
padding: 3px;
background: #CCD6E0 url(../images/Blue_Dot.gif) repeat-x bottom;
color: #039;
text-decoration: none;
}#subnavcontainer a:hover
{
text-decoration: underline;
}
I noticed that I had list-style-type defined elsewhere in li also. When I took it off the image dissappeared allthough it is defined in #subnavcontainer ul..