| Dan Hopper 2006-02-24, 10:14 am |
| I'm trying to create a generic CSS button maker to use on my web sites.
Trying to get rid of the unwanted bullet usually associated with the 'UL'.
It won't go away
- even when I tell it to ( list-style-type: none; )
Any ideas why this happens or how I might fix it?
Thank you for reading this post and for any help/advice you might offer.
I have a page that demonstrates this problem.
It is at:
<http://www.natlassoc.org/testpages/buttontester.htm>
Here's the CSS I use on the style sheet:
_____________________________________________
..button a:link
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #630;
text-align: center;
font-variant: small-caps;
text-decoration: none;
font-weight: bold;
display: block;
list-style-type: none;
border: 3px none;
line-height: 23px;
margin: 0;
padding: 0;
vertical-align: middle;
white-space: nowrap;
cursor: hand;
}
..button a:visited
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #666;
text-align: center;
font-variant: small-caps;
text-decoration: none;
font-weight: bold;
display: block;
list-style-type: none;
border: 3px;
line-height: 23px;
margin: 0;
padding: 0;
}
..button a:hover
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: black;
text-align: center;
font-variant: small-caps;
text-decoration: none;
font-weight: normal;
background-color: #FFFFCC;
display: block;
list-style-type: none;
list-style-position: inside;
border: 3px inset #333300;
line-height: 17px;
margin: 0;
padding: 0;
}
_____________________________________________
Thanks for looking at my problem.
Dan H.
|