try
ul.classOfUl { list-style-type:none; }
hmm, I tried ul.navigate{list-style-type:none;}
but it didn’t work. any other suggestions? Does this have to do with the fact that it’s a widget populating the list?
Maybe it’d be helpful to post my sidebar styling:
.navigate {
padding: 10px 0 30px 35px;
font-size: 10px;
font-family: verdana, sans-serif;
}
.navigate ul {
list-style-type: none;
font-size: 11px;
padding: 0;
margin: 0;
}
.navigate li a {
background: url("images/arw.gif") no-repeat top left;
text-decoration: none;
display: block;
color: #7F8062;
border-bottom: #1F270B 1px solid;
padding: 4px 0 4px 21px;
margin: 0;
}
* html .navigate li a {
height: 13px;
}
.navigate li a:hover {
background: url("images/arw2.gif") no-repeat top left;
text-decoration: none;
color: #F7FABF;
}
.navigate li li a {
background: url("images/sub.gif") no-repeat top left;
text-decoration: none;
display: block;
color: #7F8062;
border-bottom: #1F270B 1px solid;
padding: 4px 0 4px 41px;
margin: 0;
}
.navigate li li a:hover {
background: url("images/sub2.gif") no-repeat top left;
text-decoration: none;
color: #F7FABF;
}
Someone let me know if you need the sidebar.php. thanks
I have not used the King Links widget, however your problem is that though each link is wrapped in LI, the entire list of links needs to be wrapped in a UL as well. Do that and the bullets will disappear.
Instead of:
<h4>
blog love
</h4><div class="navigate">
<li><a href="http://www.iveyfamily...
...
</div>
You need:
<h4>
blog love
</h4><div class="navigate">
<ul>
<li><a href="http://www.iveyfamily...
...
</ul>
</div>
sweet, thanks otto. I actually juuuust realized that from the w3c validator just before you posted that. The tricky part was figuring out how to wrap that widget with the correct markup. Finally got it though.
thanks alot otto. what do you think of my blog?
