not sure if anyone has had this problem before, i am sure someone has.
I am using an inline unordered list to display two links. in firefox the list style image shows up but in IE 6 it does not. Here is the code I am using:
===========================
.helpText ul {
margin: 20px 0 40px 5px;
padding-left: 20px;
padding-top: 0px;
}
.helpText li {
list-style-image: url(../images/list_dot.gif);
list-style-type: circle;
padding: 0 5px 5px 0;
font-size: 12px;
color: #000000;
float: left;
width: 75px;
font-weight: bold;
font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
}
============================
What does everyone think? I tried messing with everything, couldnt figure out a hack for it.
thanks, sethtry
.helpText ul li {
Inplace of
.helpText li {ok tried that and it doesnt work, anyone else?You will have to make the images the background of li and add padding-left to the text to seperate the text from the image
I am using an inline unordered list to display two links. in firefox the list style image shows up but in IE 6 it does not. Here is the code I am using:
===========================
.helpText ul {
margin: 20px 0 40px 5px;
padding-left: 20px;
padding-top: 0px;
}
.helpText li {
list-style-image: url(../images/list_dot.gif);
list-style-type: circle;
padding: 0 5px 5px 0;
font-size: 12px;
color: #000000;
float: left;
width: 75px;
font-weight: bold;
font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
}
============================
What does everyone think? I tried messing with everything, couldnt figure out a hack for it.
thanks, sethtry
.helpText ul li {
Inplace of
.helpText li {ok tried that and it doesnt work, anyone else?You will have to make the images the background of li and add padding-left to the text to seperate the text from the image