aerofanatic
06-04-2009, 12:07 PM
I had trouble trying to get the list markers to show up in the <ol> tag. I had to remove margin:auto; float:left; width:660px; from my CSS class for the ol item for them to show up. Now, the first list marker (1.) just doesn't show up for me.
Here is the code:
ol.stat_content
{
font-family:Tahoma;
font-size:13px;
list-style-type:decimal;
padding-top:10px;
padding-bottom:0px;
color:#364049;
text-align:left;
padding-right:10px;
color:#364049;
}
ol.stat_content ul
{
width:600px;
}
<ol class="stat_content">
<li><a href="my_account.aspx">Login to your account</a></li>
<li>Click "Manage Services" to view all services assigned to your account</li>
<li>Click on the service number you wish to access. From the "Service Details" page you
will be able to view all relevant details associated with your service. Click the "Order Recharge or
Extension" button to recharge or extend your card*
</li>
</ol>
This is happening in IE 7, IE 8, Chrome 1.0 & Safari 4.0
Thanks a lot for all your help.
Here is the code:
ol.stat_content
{
font-family:Tahoma;
font-size:13px;
list-style-type:decimal;
padding-top:10px;
padding-bottom:0px;
color:#364049;
text-align:left;
padding-right:10px;
color:#364049;
}
ol.stat_content ul
{
width:600px;
}
<ol class="stat_content">
<li><a href="my_account.aspx">Login to your account</a></li>
<li>Click "Manage Services" to view all services assigned to your account</li>
<li>Click on the service number you wish to access. From the "Service Details" page you
will be able to view all relevant details associated with your service. Click the "Order Recharge or
Extension" button to recharge or extend your card*
</li>
</ol>
This is happening in IE 7, IE 8, Chrome 1.0 & Safari 4.0
Thanks a lot for all your help.