does not work on IE

**sue7** · 12-05-2008, 12:55 PM

Dear,
I run the menu on 2 browser, fire fox and IE. on Firefox it works very well but on IE, the first item in the vertical menu is bigger than the other ( i mean the height of the first cell is bigger than others)

please if any one can help me,

thank you

Best Regards,

**Snookerman** · 12-05-2008, 03:04 PM

What menu are you referring to? If it is a DD menu post a link to the script page on DD. Also please post a link to your site, or attach the code you are using.

**sue7** · 12-10-2008, 07:41 AM

thank you for your reply, I'am using Vertical CSS Menus, the code I'am using is attached, I didn't put it on a site, I'm running the code offline...so please if you can help me i'll be more than happy, you can run the code on IE and firefox and see the difference

thanks a lot.

**Snookerman** · 12-10-2008, 11:33 AM

Please post the entire code, every thing you use for the menu, even the JavaScript code.

**sue7** · 12-11-2008, 08:08 AM

Hello
this is the only code i'am using ( the attached one) for the menu.
it gives you a menu when it is run.

thanks a lot

best regards,

**Snookerman** · 12-11-2008, 08:17 AM

Do you mean the one you attached before? This is the only thing there:

HTML Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" >

<html>
<head>
<link rel="shortcut icon" href="images/deek.ICO">
<meta name="keywords" content="Newspaper, Annahar, Annaharonline">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1256">

<style type="text/css">

.glossymenu{
list-style-type: none;
margin: 5px 0;
padding: 0;
width: 170px;
border: 1px solid #9a9a9a;
border-bottom-width: 0;
}

.glossymenu li a{
background:#0099FF url(media/glossyback.gif) repeat-x bottom left;
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color:white;
display: block;
width: auto;
padding: 3px 0;
padding-left: 10px;
text-decoration: none;

}
/* I commented this line to work on IE, but it was not enough*/

.glossymenu li a{    //IE only. Actual menu width minus left padding of A element (10px) 
width: 160px;
}   

*/

.glossymenu li a:visited, .glossymenu li a:active{
color: white;
}

.glossymenu li a:hover{
background-image: url(media/glossyback2.gif);
} 

</style>



</head>
<body>

<ul class="glossymenu" dir="rtl">
<li>
<a href="http://www.dynamicdrive.com/">first</a>
<a href="http://www.dynamicdrive.com/style/">second</a>
<a href="http://www.javascriptkit.com/jsref/">third</a>
<a href="http://www.javascriptkit.com/domref/">fourth</a>
<a href="http://www.cssdrive.com">fifth</a>
<a href="http://www.codingforums.com/" style="border-bottom-width: 0">six</a></li>
</ul>

</body>
</html>

There has to be some JavaScript code. Maybe you meant to attach it in your latest post and forgot?

Thread: does not work on IE

Thread Tools

Search Thread

does not work on IE

The Following User Says Thank You to Snookerman For This Useful Post:

problem on IE

Bookmarks

Bookmarks

Posting Permissions