Log in

View Full Version : 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:

<!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?