Help with displaying information using css and cinditional comments

[wScott]

Good evening, morning, or what-not time it is in your present proximity. I've been trying to find a way to display some information in a drop down menu in IE for the past while and haven't been able to come up with a solution, it works fine in firefox and netscape.

HTML code:

<div class='menu'>
<ul>
<li><a class='hide' id='activeLink' href='index[2].htm'>Home
<!--[if gt IE 6]>
<a id='activeLink' href='index[2].htm'>Home
<![endif]-->
<ul id='HomeSub'>
<li><a href='#'>sub</a></li>
<li><a href='#'>sub</a></li>
<li><a href='#'>sub</a></li>
</ul>
<!--[if gt IE 6]>
</a>
<![endif]-->
</a></li>

After that there is some more code that is very similar to that. Sorry if this is a simple question, haven't worked with conditional comments before.

The CSS code I tried to display it were:

.menu ul li a.hide a:hover ul {
display: block;
position: absolute;
left: 0px;}

.menu ul li a:hover ul#HomeSub {
left: -30px;
width: 100px;}

 

[Future Bruno]

.menu ul li a.hide a:hover ul li { border-top: 1px solid #ccc; background: #f3f3f3; padding: 5px 0px; text-align: left;}If you could help me out with this, I would really appreciate it. Thank you!

 

[ravenprp]

Good evening/morning/afternoon to you as well! It looks like you are trying to use conditional comments to target only Internet Explorer and display certain information in a drop down menu. Here are a few suggestions for you:

1. Make sure you are using the correct syntax for conditional comments. The correct syntax for targeting IE is "<!--[if IE]> HTML code <![endif]-->". In your code, you are using "<!--[if gt IE 6]> HTML code <![endif]-->", which is incorrect.

2. Instead of using a separate <a> tag for the drop down menu in your conditional comment, try using a <div> or <span> element. This will make it easier to target in your CSS.

3. In your CSS, instead of using "a.hide a:hover ul", try using "li:hover ul" to target the drop down menu when the list item is hovered over.

4. It may also be helpful to use the "display: none;" property in your CSS to initially hide the drop down menu, and then use "display: block;" to show it when the list item is hovered over.

I hope these suggestions help you to successfully display your information in the drop down menu in IE. Good luck!