Solved

Graphic bullet pints missing in IE

Posted on 2008-10-12
4
506 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

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

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

Suggested Solutions

CSS3 Custom checkboxes This article shows how to style the checkbox form element using only CSS. Works in: Chrome, FF, Safari, Opera, IE9+ Uses modernizr.js to check for :checked pseudo class, falling back to plain old checkboxes (IE8 and bel…
This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
In this tutorial viewers will learn how add a full-size background image to a webpage using CSS3. Create a new HTML document with an internal stylesheet.: In CSS, define the html element to have a background image. Use a high resolution image.: In t…
In this tutorial viewers will learn how to style elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…

863 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

Need Help in Real-Time?

Connect with top rated Experts

20 Experts available now in Live!

Get 1:1 Help Now