Solved

Graphic bullet pints missing in IE

Posted on 2008-10-12
4
529 Views
Last Modified: 2012-05-05
HI, I am using a CSS stlye to show graphic bullet points but they seem to be missing in IE7 but view ok in FF? There are some other issues that is just some tidying up.

The non-showing graphic bullet points is the number one problem... :)

http://www.mytesting.co.uk/Stock/template.php
0
Comment
Question by:wood1e
  • 2
4 Comments
 
LVL 14

Accepted Solution

by:
ali_kayahan earned 250 total points
ID: 22698010
Can you please try to add the following line between javascript tags ;

document.getElementById("menuleft").style.listStyleImage="url('gfx/roller7.gif')";

Also you should try to change your path as absolute path like ;
gfx/roller7.gif
instead of URL
0
 
LVL 1

Assisted Solution

by:Rapturer
Rapturer earned 250 total points
ID: 22699025
Hi Wood1e,

This is a problem with IE...Has been. The thing that's causing the li image not to display is the "Float left" property in the parent object.

One of two solutions may work.

1. Span out of the LI element
2. If you have to position the parent with float...just kill the parent's div element prior to the LI element...LI's don't require the float anyway.

There are more protracted solutions...this will work best and fastest I believe.

Best, Rapturer
0
 

Author Comment

by:wood1e
ID: 22702216
I have removed the float:left from the #menuleft div.  Nothing has changed, I am not sure what you mean by 'span out the LI element?

0
 

Author Comment

by:wood1e
ID: 22712505
Solved myself...sort off :)  Will repost as no one has come back to me
0

Featured Post

Free Tool: IP Lookup

Get more info about an IP address or domain name, such as organization, abuse contacts and geolocation.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Unordered lists (HTML ul tags) are very handy to create menus of all types, shapes and sizes.  All it takes is a little knowledge of CSS and the possibilities are endless. First off, you should know the general format for menus created using the …
Creating a CSS block that only applies to printing By default, all of your CSS applies to every possible view of your page - whether on screen, printed, landscape, touch-screen, or whatever.  You can, however, add CSS that only applies under certai…
In this tutorial viewers will learn how to define a gradient in CSS. Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Gradient. Define the background as "linear-gradient(to right, #ee3668, black)". Ensure you …
In this tutorial viewers will learn how to customize the background color and font color of highlighted text using the ::selection element in CSS Begin by defining the selected text as an element in CSS by typing "::selection": Style the ::selection…

820 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question