Home/ Questions/Q 8989855
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-15T22:21:50+00:00

So I have been trying to make some css drop down menus work in

  • 0

So I have been trying to make some css drop down menus work in IE 7 & 8

They work great on other browsers.

site is: http://hanling.focusww.com

I’ve got a block of css and I contains some lines that I want to hide from the IE 7 & 8

I’ve marked the lines with ‘*’ at the end.

#menu a:visited {
  color:#f9f6e0;
  display:block;
  font-weight:700;
  padding-bottom:10px; //kill this in ie *
  padding-left:12px;
  padding-right:12px;
  padding-top:10px;  //kill this in ie *
}

Can someone point me to an article that explains how to do this?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You can do that the simple way with IE conditional comments:

    HTML

    <!--[if IE 7]> <html class="ie7"> <![endif]-->
<!--[if IE 8]> <html class="ie8"> <![endif]-->

    CSS

    #menu a:visited {
  color:#f9f6e0;
  display:block;
  font-weight:700;
  padding-bottom:10px; //kill this in ie *
  padding-left:12px;
  padding-right:12px;
  padding-top:10px;  //kill this in ie *
}

.ie7 #menu a:visited,
.ie8 #menu a:visited, {
  padding-bottom: 0; //kill this in ie *
  padding-top: 0;  //kill this in ie *
}

    ..or also possible with CSS-Hacks, more: http://www.webdevout.net/css-hacks#in_css

    #menu a:visited {
 color:#f9f6e0;
 display:block;
 font-weight:700;
 padding-bottom:10px; 
 padding-bottom:0\9; //kill this in ie *
 padding-left:12px;
 padding-right:12px;
 padding-top:10px;  
 padding-top:0\9; //kill this in ie *
}
    • 0