HTML - Menu Not Working In Ie6
What's up folks,
I worked my butt off getting this cool suckerfish drop down menu to work and go figure IE was waiting in the shadows to ruin my day. It looks fine in FF 3 but in IE 6 it is totally jacked, no clue how it looks in a Mac? It looks like two menus in IE6. Can someone take a look at the code and tell me what to edit? If you need me to post the CSS files I can do that too. Heres the link: http://www.cheetahmotorsports.com/dr...ubleshoot.html BTW: Can someone also tell me how to get the drop downs to extend under their parent links instead of way off to the left? Thanks in advance! jamie Similar TutorialsHi guys, im trying to setup a simple website for my football team and ive run intio a small problem. I originally had the Navigation code on every page but started to get annoying when i wanted to make changes etc. So by following the FAQ he http://bonrouge.com/~faq#includes I thought id found the answer to my problem but i cant seem to get it to work. The below code is contained in a file called menu.htm <div id="navigation"> <h2>Navigation</h2> <ul> <li><a href="home.htm">Home</a></li> <li><a href="squad.htm">Squad</a></li> <li><a href="fixtures.htm">Fixtures</a></li> <li><a href="matchReport.htm">Match Reports</a></li> <li><a href="news.htm">News</a></li> <li><a href="sponsorship.htm">Sponsorship</a></li> <li><a href="motm.htm">Man of the Match</a></li> <li><a href="forum.htm">Forum</a></li> </div> My code for the first page called "home.htm" is as follows <!--<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> --> <html> <head> <title>Pavilion FC</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <link href="myCSS.css" rel="stylesheet" type="text/css"> </head> <body> <div id="logo"> <h1></h1> <p> </p> </div> <!--#include file="menu.html"--> </body> </html> Is this code meant to have the comments round it? Should it be in the HTML or CSS file? I also tried converting the files to PHP and usign the line <?php include 'menu.php'; ?> but that didnt seem to work either. Both times the menu just doesnt appear. Im using firefox to view the files offline before uploading, so that id upload it anyway to see if php needed to be enabled or soemthing but still doesnt work. Hi there, I've created a website in Dreamweaver using templates. When I apply the template to a page and preview it (in IE or FF) the drop-down menu (Dynamic Drive menu) doesn't work. It works fine on pages where the template is not applied though. You can view a page at this temp url: www.flowerweb.ca/sites/tl/about.html Here is a page without the template applied: www.flowerweb.ca/sites/tl/template.html Template is at: www.flowerweb.ca/sites/tl/Templates/template.dwt Any ideas as to why this is happening? Thank you!! My jump menu/form has the attribute of target="_blank" but it doesn't seem to work. I'm a first time newb so i don't understand why. I have created a link and use the att _blank and it works fine. Any help would be super cool. Thanks. http://216.172.187.90/~httpmtfd/appr...es_archive.php http://216.172.187.90/~httpmtfd/agenda_archives.php I am trying to get rid of the "You have to click to activate this function" mumbo jumbo for a site I am doing. I tried following these directions... http://www.adobe.com/devnet/activeco...devletter.html but am having a rough time getting it to work... here is my code. Code: <script type="text/javascript"> AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0','width','900','height','140','src','GoodDock','quality','high','pluginspage','http://www.macromedia.com/go/getflashplayer','movie','GoodDock' ); //end AC code </script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="900" height="140"> <param name="movie" value="images/GoodDock.swf" /> <param name="quality" value="high" /> <embed src="images/GoodDock.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="900" height="140"></embed> </object></noscript> Hello, I'm new to this forum, so first, hello! Actually, I'm new to web design in general but have taken on the role at the church I work at because our old site was a mess. I downloaded some nice looking templates and have been using them as a foundation. The site is www.miamibc.com. If you go there and look at the header menu (home, about us, etc), I want to consolidate that menu some and add a drop down menu with more choices. Is there a way I can do this while keeping it looking the way it does now? If you need any more info from me, let me know. Thanks for your help! Ben Hey, I was wondering how I'd get a top menu bar like this site has: http://fusedfilm.com/ (at the very top "Film Network") I know that this is in the page source, but obviously that's not all the code. Code: <div id="topmenubar" align="center"> <div> <a href="http://filmshaft.com">Film Shaft</a> <a href="http://movieviral.com">Movie Viral</a> </div> </div> Thanks, Nick hi, this code i got was supposed to look like a red menu sort of thing, but when i put it on my website, it comes up as just black text. do you know what im doing wrong? It is supposed to look like this (but on rollover, it does "emboss") Code: <style type="text/css"> .b2976043 { height: 30px; width: 150px; background: url(menu54536390.jpg); } .bar2976043 { background: #e0e0e0 url(); width: 750px; height: 30px; position: relative; } .tabbar2976043 { position: absolute; width: auto; height: auto; top: 0px; left: 0px; } .t2976043 { color: #000000; font-size: 15pt; } .a2976043 { text-decoration: none; } </style> <div class="bar2976043"> <table cellpadding="0" cellspacing="0" border="0" class="tabbar2976043"> <tr> <td valign="middle" id="b29760431" class="b2976043" onmouseover = "mOv2976043(1); " onmouseout = "mOut2976043(1); " ><center> <a href="http://www.gangstacardtricks.piczo.com" class="a2976043"> <span class="t2976043">Home</span> </a> </td> <td valign="middle" id="b29760432" class="b2976043" onmouseover = "mOv2976043(2); " onmouseout = "mOut2976043(2); " ><center> <a href="http://www.gangstacardtricks.piczo.com/about" class="a2976043"> <span class="t2976043">Wassup?</span> </a> </td> <td valign="middle" id="b29760433" class="b2976043" onmouseover = "mOv2976043(3); " onmouseout = "mOut2976043(3); " ><center> <a href="http://www.gangstacardtricks.piczo.com/videos" class="a2976043"> <span class="t2976043">Videos</span> </a> </td> <td valign="middle" id="b29760434" class="b2976043" onmouseover = "mOv2976043(4); " onmouseout = "mOut2976043(4); " ><center> <a href="http://www.gangstacardtricks.forums-free.com/" class="a2976043"> <span class="t2976043">Forum</span> </a> </td> <td valign="middle" id="b29760435" class="b2976043" onmouseover = "mOv2976043(5); " onmouseout = "mOut2976043(5); " ><center> <a href="http://www.cafepress.com/gctshop" class="a2976043"> <span class="t2976043">Shop</span> </a> </td> </tr></table> </div> <img src="menu63979982.jpg" width="0" height="0"> <script language="JavaScript" type="text/javascript"> currentItem2976043=1; function SelectItemByNumber2976043(num) { document.getElementById("b2976043"+num).style.backgroundPosition = "-450px 0px"; } SelectItemByNumber2976043(currentItem2976043); function mOv2976043 (num) { document.getElementById("b2976043"+num).style.backgroundImage = "url(menu63979982.jpg)"; } function mOut2976043 (num) { document.getElementById("b2976043"+num).style.backgroundImage = "url(menu54536390.jpg)"; } </script> does anyone know whats wrong? Hi, I wondered if someone could help me. I wanted to make a Nav Menu using this design and having the text buttons as links. Is this possible and something that can easily be done? Thanks, Jack Hi All, Any help would be greatly appreciated! Hi, In the menu bar on our website I have a couple of sub meu's. They work in Firefox and Safari but not in IE. The web address is http://www.perisandcorr.com The sub menu on the Products page and screen printing should be indented but it doesn't seem to work in IE. Any suggestions??? Thanks in advance Dyfrig Alright, don't know if this is possible in HTML or not but I want to try to make it in HTML. I'm trying to replicate the style of the top menu bar of my blog into some HTML pages. www.djmedley.com/blogland/ The Home, Podcast, Bio etc buttons. I can make it using rollovers but would like to mimmic the exact style that's currently there. Text over a background that has that green line rollover effect. Any help is greatly appreciated. Thank you. Hello I built a menu using a menu generator and I linked swf files when i click the menu entry, the swf is opening on a new page I would like the swf will open under the menu in the same page so I will be able to swich between swf files using the menu. thanks http://www.scubatoo.net/tester.html OK SO... I have this new site up and playing around with it a bit. I am using Coffee cup editor and am having a bit of trouble. If you look into the code you will see that I have a Travel bar in my menu that isn't showing up. Why is that? Also I want to move the Travel, Glennies Pond, and Scuba Sunday bars down about 30 PX how can I do that? One last thing. I want the header, footer and menu bar to be my template for the entire site. Where do I put this file in my server, and how do I direct the rest of my pages to this template? Will this make load times faster? And if i do get this all set up correctly will I just put the div tag in the head of the document and then type out the rest of the page like normal?? Thanks, Ryan Here is the menu in question, http://www.allyugioh.com/item/magic-...18/lid=5952367 The menu seems to travel over the footer.Can someone help me to make it go underneath? I currently have a website with the ddaccordion menu from dynamic drive. Everything works great but every time the customer wants to add something I have to change the menu for just about every single page since the menu is used throughout the site. My question is, is there any way to have it come from a single source and then just insert a link to that source where the menu normally goes? Then when I want to add something all I have to do is edit that source just like you would with a flash menu? Any suggestions? I would like to stay away from javascript and flash as much as possible. I keep feeling like this answer is right in front of my face and I'm just not seeing it! Thanks in advance! Hi i want to create a menu in html with image hover ..... I created in html a basic structure like this : <ul id="menu"> <li><a href="index.htm"><img src="images/m1.jpg"/></a></li> <li><a href="about-us.htm"><img src="images/m2.jpg"/></a></li> <li><a href="services.htm"><img src="images/m3.jpg" /></a></li> <li><a href="contact-us.htm"><img src="images/m6.jpg"/></a></li> </ul> Now i want to have this images in css file and not at index.htm i tried several examples but i failed even to make an image to appear ... Can someone help me have an html menu that has different image at mouseover from css ??? Thanks! Hey, I have this bit of code: Code: <!-- Navigation item --> <ul> <li><a href="#">Quick Roster<!--[if IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]--> <ul> <li><a href="#">Members</a><ul><li>test</li></ul> <li><a href="header2.html">Header-2 (T+M)</a></li> <li><a href="header3.html">Header-3 (T+B)</a></li> <li><a href="header4.html">Header-4 (M+B)</a></li> <li><a href="header5.html">Header-5 (T)</a></li> <li><a href="header6.html">Header-6 (M)</a></li> <li><a href="header7.html">Header-7 (B)</a></li> </ul> <!--[if lte IE 6]></td></tr></table></a><![endif]--> </li> </ul> </div> </div> Where it says "Members", I want another submenu to pop out from there. If you need any other parts of the code, I'd be glad to get them. Thanks. Currently I'm using a web script where the on the navigation menu you select the word "log-in" and when you log in, the word in the nav menu changes to "log out", (enabling the user to select "log-out" when he wants to log out). Here is the menu code: Code: <div class="menuh"> <ul> <li><a href="[var.base_url]">home</a></li> <li><a href="[var.login_out_link]">[var.login_out]</a></li> </ul></div> I've had someone change the look of the nav menu, and the code now looks like this: Code: <tr><td class="menu"> <table><tr> <td><a class="btn_home" href="[var.base_url]"> </a></td> <td><a class="btn_login" href="[var.login_out_link]">[var.login_out] </a></td> </td></tr></table> </td></tr> However, the old word "log-in" still appears (above the new log-in button, and changes to "log-out", as before). How can I get the new log-in word/button to change to log-out? (and get rid of the old words?) I am not a CSS pro but learning. I'm stuck trying to figure out how to get the menu (which appears above logo) to the right side, same row. Please help me do this. This is the part of my index.html file Code: <body> <div id="wrapper"> <div id="head"> <h1><a href="index.htm"><span>Web hosting solutions</span></a></h1> <script language="JavaScript" src="include_files/js/menu/menu.js" type="text/javascript"></script> </div> Attached is the entire css file. Also, you'll see the example of how it should appear (my goal) and how it does appear now, stuck above logo. okey so i have maken an image af the menu i would like to have but i cant seem to make it, i have tryede for a long time now and I need some help to make it the menu looks like the bellow image and have the hover effect as U can see an the 3th link, there is 3 links when U run the mouse over it.. the only thing i know i want about the menu about the code part is that it must not contain "px" only give it the size with "%", else U guys can do what ever U want to make it.... HOME Botton shall not have the hover Menu: Thanks for Ur help |