The code i'm using is fine in firefox and chrome but ie is keeping the bullet point as black.

Anyone know how i can hack round it?

.rightpane ul , .contentpane ul {
	padding:0;
	margin:0;
	margin-left:15px;
	text-align:left;
	list-style-type:disc;
	color: #007dc3;
	}
.rightpane ul li:first-line , .contentpane ul li:first-line {
	color: black;
	padding:0;
	margin:0;
	list-style-type:disc;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;	
	font-size:14px;
}

had a quick google for the li:first-line pseudo class but it has left me more confused quite frankly!

cheers,

dave

Recommended Answers

All 4 Replies

can you just post the full HTML code ..so that its easy for us to check .:-)

.rightpane ul , .contentpane ul {
	padding:0;
	margin:0;
	margin-left:15px;
	text-align:left;
	list-style-type:disc;
	color: #007dc3;
	}
	
.rightpane ul li , .contentpane ul li {
    list-style-type: disc;
}

.rightpane ul li:first-line , .contentpane ul li:first-line {
	color: black;
	padding:0;
	margin:0;
	list-style-type:disc;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;	
	font-size:14px;
}

well that is all the relevent css.

<td id="dnn_rightPane" width="224" rowspan="2" align="right" valign="top" class="rightpane"><div class="DnnModule DnnModule-DNN_HTML DnnModule-383"><a name="383"></a>
<!-- Basic Container -->
<div class="graybox">
    <table width="100%" border="0" cellpadding="0" cellspacing="0">
      <tr>

        <td nowrap="nowrap"></td>
        <td valign="top" align="left" width="100%" class="title"><h2 class="graybox">
            <span id="dnn_ctr383_dnnTITLE_lblTitle" class="title">Latest News</span>



          </h2></td>
      </tr>
    </table>
    <div id="dnn_ctr383_contentPane" class="content"><!-- Start_Module_383 --><div id="dnn_ctr383_ModuleContent" class="ModDNNHTMLC">

	<div id="dnn_ctr383_HtmlModule_lblContent" class="Normal">
	<ul>
    <li>here is a little bit of content</li>
    <li>
    what happen if i do two lines?</li>
</ul>
</div>

and that is the right panes html code. The weird id's and stuff is beacuse it is a dnn site, but that isn't an issue.

dave

IE 7 and older cannot support pseudo element except anchor tags. Use black circle image as background-image and define the class to the first 'li' element and set the background-image in your CSS for the 'li' element and put appropriate spacing (padding left/right) to place the black circle.

thanks for your info.even i was trying alot in IE 6 :-(

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.