By physiotek on

hi,

i have a webpage here:
www.physiotek.com
on FF everything is ok
but with IE i have the li tag dots appearing when hover, which tend to not disapear when not hover.
i would like the FF behavior with IE
some1 have a workaround to remove totally those li dots?
thanks.
pht3k

⋅ Categories: Drupal 5.x

Comments

lowkeynyc’s picture

lowkeynyc commented

Are you using ie6 or 7? Try adding this line of code in your menu class:

list-style-image:none;

TapocoL’s picture

TapocoL commented

What about adding to follow into your stylesheet:

li.leaf, li.collapsed, li.expanded {
  list-style-image: none;
}

-Craig Jackson
-Web Developer

physiotek’s picture

physiotek commented

hi,

thanks for the fast answer

i use IE7

and the list-style-image:none were already at the end of my css file
no change...

TapocoL’s picture

TapocoL commented

Sorry, I haven't had time to look further, but the following site explains and gives work-arounds on Explorer Problems. See if one of those are applicable to you.

http://positioniseverything.net/explorer.html

-Craig Jackson
-Web Developer

physiotek’s picture

physiotek commented

wow nice link
thanks i will check it out
pht3k

avangelist’s picture

avangelist commented

What I don't get is even if you use a reset.css to drop all styling form lists the ones over there --->>>>>>
Always stay with their default styling, I know it is that .leaf rubbish but what happens if you remove it but want it retained within the styling for your admin theme??

Web Developer
Music Photographer

physiotek’s picture

physiotek commented

i had to add all of this to make it appear the way i wanted it:

li.leaf, li.collapsed, li.expanded {
  list-style-image: none;
  list-style: none;
  list-style-type: none;
}

ul {
  list-style-image: none;
  list-style: none;
  list-style-type: none;
}
avangelist’s picture

avangelist commented

You have repeated yourself by extending the scope of the style?

Web Developer
Music Photographer

redhad’s picture

redhad commented

try to add !important to the end of your css style like:

li.whatever {list-style-type: none !important;}

drupalgeek’s picture

drupalgeek commented

Try using this code in style.css , i should work ......

item-list ul li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0pt 0pt 0.25em 1.5em;
padding:0pt;
}
Drupalgeek
Ebizon technologies(http://ebizontek.com/)
India