abch624 Posted July 3, 2008 Share Posted July 3, 2008 Hi Guys the HTML code is <html> <head> <title>1STA - Connecting STA</title> <!-- css --> <link rel="stylesheet" href="./css/styles.css" type="text/css"> <link rel="stylesheet" type="text/css" href="./css/lightwindow.css" /> <!-- JavaScript --> <script type="text/javascript" src="./library//prototype.js"></script> <script type="text/javascript" src="./library/effects.js"></script> <script type="text/javascript" src="./library/lightwindow.js"></script> </head> <body> <table border="0" cellpadding="0" cellspacing="0" width="600" align="center"> <tr> <td class="hg"></td> </tr> <tr> <td> <A HREF="/1STA/newsfeed.php"><IMG height="32" alt="logo" src="./images/logo.png" width="137" ISMAP></A> </td> </tr> <tr> <td class="hg"></td> </tr> <tr class="nav"> <td bgcolor="#00AEEF"><ul id="navlevel-1"> <li><a href="#" title="">My Profile</a> <ul class="navlevel-2"> <li><a href="/1STA/editprofile.php" title="Edit Profile">Edit My Profile</a></li> <li><a href="/1STA/viewprofile.php" title="View Profile">View My Profile</a></li> </ul> </li><li><a href="#" title="">Admin</a> <ul class="navlevel-2"> <li><a href="/1STA/automatedemailsearch.php" title="Automated Emails">Automated Emails</a></li> <li><a href="/1STA/accountadmin.php" title=" Manage Accounts">Manage Accounts</a></li> <li><a href="/1STA/newsfeedsearch.php" title=" News Feed Items">News Feed Items</a></li> <li><a href="/1STA/languagetemplateadmin.php" title="UI Languages">UI Languages</a></li> </ul> </li> </ul></td> <td align="right" bgcolor="#00AEEF"><a href="/1STA/includes/logout.php" class="logout">Sign Out</a></td> </tr> <tr> <td class="hg"></td> </tr> </table> The css code that deals with the menu is /****** MAIN NAVIGATION ******/ ul#navlevel-1 { margin:0; padding:1px 0; list-style:none; width:100%; height:21px; font:normal 8pt verdana, arial, helvetica; } ul#navlevel-1 li { margin:0; padding:0; display:block; float:left; position:relative; width:148px; } ul#navlevel-1 li a:link, ul#navlevel-1 li a:visited { padding:4px 0; display:block; text-align:center; text-decoration:none; background:transparent ; color:#ffffff; width:148px; height:14px; } ul#navlevel-1 li:hover a, ul#navlevel-1 li a:hover, ul#navlevel-1 li a:active { padding:4px 0; display:block; text-align:center; text-decoration:none; background:#000099; color:#ffffff; width:146px; height:13px; } ul#navlevel-1 li ul.navlevel-2 { margin:0; padding:1px 1px 0; list-style:none; display:none; background:#ffffff; width:146px; position:absolute; top:21px; left:-1px; } ul#navlevel-1 li:hover ul.navlevel-2 { display:block; } ul#navlevel-1 li ul.navlevel-2 li { width:146px; clear:left; width:146px; } ul#navlevel-1 li ul.navlevel-2 li a:link, ul#navlevel-1 li ul.navlevel-2 li a:visited { clear:left; background:#00A7EE; padding:4px 0; width:146px; border:none; position:relative; z-index:1000; } ul#navlevel-1 li ul.navlevel-2 li:hover a, ul#navlevel-1 li ul.navlevel-2 li a:active, ul#navlevel-1 li ul.navlevel-2 li a:hover { clear:left; background:#000099; padding:4px 0; width:146px; border:none; position:relative; z-index:1000; } ul#navlevel-1 li ul.navlevel-2 li ul.navlevel-3 { display:none; margin:0; padding:0; list-style:none; position:absolute; left:145px; top:-2px; padding:1px 1px 0 1px; background:#ffffff; z-index:900; } ul#navlevel-1 li ul.navlevel-2 li:hover ul.navlevel-3 { display:block; } ul#navlevel-1 li ul.navlevel-2 li ul.navlevel-3 li a:link, ul#navlevel-1 li ul.navlevel-2 li ul.navlevel-3 li a:visited { background:#00A7EE; } ul#navlevel-1 li ul.navlevel-2 li ul.navlevel-3 li:hover a, ul#navlevel-1 li ul.navlevel-2 li ul.navlevel-3 li a:hover, ul#navlevel-1 li ul.navlevel-2 li ul.navlevel-3 li a:active { background:#000099; } ul#navlevel-1 li ul.navlevel-2 li a span { position:absolute; top:0; left:132px; font-size:12pt; color:#0059AD; } ul#navlevel-1 li ul.navlevel-2 li:hover a span, ul#navlevel-1 li ul.navlevel-2 li a:hover span { position:absolute; top:0; left:132px; font-size:12pt; color:#ffffff; } Now what happens is that this works perfectly fine in Firefox but in internet explorer It is just not working. The menu does not drop down. Any idea why this is so. Please help - Zahid Link to comment https://forums.phpfreaks.com/topic/113144-css-menu-not-working-in-internet-explorer/ Share on other sites More sharing options...
haku Posted July 4, 2008 Share Posted July 4, 2008 link please. Link to comment https://forums.phpfreaks.com/topic/113144-css-menu-not-working-in-internet-explorer/#findComment-581410 Share on other sites More sharing options...
abch624 Posted July 4, 2008 Author Share Posted July 4, 2008 Hi there, You try this on http://greenal.co.uk/editprofile.php This website is not live so I am just using my test server for this. When you visit the page click on Choose Picture. try this in both firefox and ie. Thanks - Zahid Link to comment https://forums.phpfreaks.com/topic/113144-css-menu-not-working-in-internet-explorer/#findComment-581611 Share on other sites More sharing options...
abch624 Posted July 4, 2008 Author Share Posted July 4, 2008 Hi Guys, Sorry about that guys the link is www.greenal.co.uk thanks Link to comment https://forums.phpfreaks.com/topic/113144-css-menu-not-working-in-internet-explorer/#findComment-581638 Share on other sites More sharing options...
abch624 Posted July 4, 2008 Author Share Posted July 4, 2008 Hi Guys, Please please help with this... Cheers - Zahid Link to comment https://forums.phpfreaks.com/topic/113144-css-menu-not-working-in-internet-explorer/#findComment-581953 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.