Bill Sullivan
asked on
CSS Problems in Firefox, Chrome and Safari - Working in IE8
Hi Experts:
I have an unordered list on my website and I use graphics for my bullets. It displays fine in IE8, but not in Firefox, Safari or Chrome. I've attached my simple CSS statement and screenshots of the list in IE and in Firefox. Any help would be appreciated!
I have an unordered list on my website and I use graphics for my bullets. It displays fine in IE8, but not in Firefox, Safari or Chrome. I've attached my simple CSS statement and screenshots of the list in IE and in Firefox. Any help would be appreciated!
.post_text_grey ul {
list-style-image:url(images/check.png);
vertical-align:middle;
}
Try putting the url in quotes:
That is the official method, which all major browsers should support.
Cheers
.post_text_grey ul {
list-style-image:url("images/check.png");
vertical-align:middle;
}
That is the official method, which all major browsers should support.
Cheers
ASKER
@sterglum & McOz: Neither of these solutions changed the display.
Its hard to guess much further without seeing your HTML code... It could be a selector issue as well, maybe FF etc don't even recognise the list as IE does.
Is there an accessible dev page for your site? Or can you post the HTML?
THanks
Is there an accessible dev page for your site? Or can you post the HTML?
THanks
ASKER
Here is the HTML that calls the CSS.
<div id="righthalf">
<div class="section_half">
<div class="section_title_half">With ProjecTracker™ you can . . .</div>
<div class="post_text_grey">
<div class="list">
<ul>
<li>
Create accurate estimates in minutes, not days!</li>
<li>Eliminate costly estimating mistakes </li>
<li>Access data from any computer</li>
<li>Eliminate your boneyard and increase your profits</li>
<li>Increase staff productivity</li>
<li>Eliminate tedious, error-prone transfer of data between programs</li>
<li>Never lose your data to a hard-drive crash or fire</li>
<li>Measure roofs from the ground or on the roof</li>
<li>Import data from satellite measurement services</li>
<li>Deliver accurate proposals to homeowners within minutes</li>
</ul>
</div>
</div>
<div class="section_bottom_half"></div>
</div>
</div>
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
That fixed it! Thanks.
list-style-type:square;
and please feedback.