Hi,
This is my test page: http://www.nokoria.com/up2date/index...roducts_id=182
The bullet is on top of the border line. How can I fix this?
Thank you,
Printable View
Hi,
This is my test page: http://www.nokoria.com/up2date/index...roducts_id=182
The bullet is on top of the border line. How can I fix this?
Thank you,
I am not sure but try some like this:
.biggerText ul {
margin-left:2px;
}
because the ul take a ul atribute from another part.
if your try this maybe change
I am new in css and php but I hope this can be help you
Try the following in you stylesheet and adjust the other styles.
Code:#productDescription li {
background-color: background; /* only for visual help in test */
list-style-type: none; /* to disable the bullet point */
margin-left: 2em;
}
And the suggestion from @ jgamio also works if change the ul to li. :smile:
Code:.biggerText li {
margin-left:2px;
}
Thank you for the quick replies.
I tried this
#productDescription li {
margin-left: 2em;
}
and this
.biggerText li {
margin-left:2px;
}
Both of them works on Firefox, but not on IE. It's always IE... Any more suggestion?
Thank you,
It is a great different between FF and IE6. :(
Had tried the following and separated them to adjust each other.
For pass validation, may try the following and with same result.Code:#productDescription li {
background-color: beige; /* for test only */
margin-left: 2em;
_margin-left: 24.5em; /* For IE only, but will cause validation error */
list-style: square;
}
Code:#productDescription li {
background-color: beige; /* for test only */
margin-left: 2em;
list-style: square;
}
/* For IE6 only */
* html #productDescription li {
background-color: yellow; /* for test only */
margin-left: 24.5em;
list-style: square;
}
You are welcome! :smile:
And glad to hear you have the problem solved. :smile:
bye,
.