I have a HTML unordered list element that should have no bullet points shown(I am using my own images for bullet points).
My Problem: The default black bullet points are appearing on the UL when there shouldn't be any.
The website is a Dot Net Nuke run website and it looks like the Skin CSS is causing this error. Do you know how I can stop the back bullets from appearing?
My CSS:
.infoTab ul {
list-style-type: none;
list-style-position: outside;
margin-left: 15px;
padding: 0px;
}
.infoTab li {
background-image: url("../../Site Images/headingIcon.png");
background-position: 0px 2px;
background-repeat: no-repeat;
padding-left: 30px;
}
On skin.css
line 281 you have
ul li {
list-style-position: outside;
line-height: 1.2em;
list-style-type: disc;
}
then default.css line 104
ul li {
list-style-type: square;
}
, which overrides
.infoTab ul {
list-style-type: none;
list-style-position: outside;
margin-left: 15px;
padding: 0px;
}