submenu hover but submenu displays navigation bar disappears when the cursor is moved to select the item

Help, please!  My navigation bar includes the submenus which show on hover.  The submenu disappears when I move my cursor to select one of the items, so I can't click on any one of the submenu items.  Can anyone help?  Please?  Here is my code:

< ! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional / / IN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > ""

" < html xmlns =" http://www.w3.org/1999/xhtml "> < head > .

< meta http-equiv = "Content-Type" content = text/html"; Charset = UTF-8 "/ >"

< title > Untitled Document < /title >

< style type = "text/css" >

< / style >

"" < link href = "... / navbar.css" rel = "stylesheet" type = "text/css" / >

< script type = "text/javascript" >

function MM_swapImgRestore() //v3.0 {}

var i, x = offline. MM_sr; for (i = 0; a & & I <.) Length & & (x = a [i]) & & x.oSrc; i ++) x.src = x.oSrc;

}

function MM_preloadImages() {//v3.0

var d = document; If (d.images) {if(!d.MM_p) d.MM_p = new Array();

var i, j is d.MM_p.length, a = MM_preloadImages.arguments; for (i = 0; i <.) Length; i ++)

If (a [i].indexOf("#")! = 0) {d.MM_p [j] = new Image; d.MM_p [j ++] .src = a [i] ;}}

}

function MM_findObj (n, d) {//v4.01

var p, i, x;  if(!d) d = document; If ((p = n.IndexOf ("?")) > 0 & & parent.frames.length) {}

d = parent.frames [n.Substring(p+1)] .document; n = n.Substring (0, p) ;}

If (!) () x = d [n]) & & copyrights) x = d.all [n]; for (i = 0;! x & & i < d.forms.length; i ++) x = d.forms [i] [n];

for (i = 0;! x & & d.layers & & I < d.layers.length; i ++) x = MM_findObj (n, d.layers [i] .document);

If (! x & & d.getElementById) x = d.getElementById (n); Return x;

}

function MM_swapImage() {//v3.0

var i, j = 0, x, a = MM_swapImage.arguments; document. MM_sr = new Array; for (i = 0; i <(a.length-2); I += 3).

If ((x = MM_findObj (a [i]))! = null) {document. MM_sr [j ++] = x; if(!x.oSrc) x.oSrc = x.src; x.SRC = a [i + 2] ;}

}

->

< /script >

"" < link href = "... / large - quilt.css" rel = "stylesheet" type = "text/css" / >

< style type = "text/css" >

a: link {}

color: #071f75;

}

a: visited {}

color: #0099ff;

}

a: hover {}

color: #00cc;

}

a: active {}

color: #cc3300;

}

< / style >

<!-[if IE 6] >

<! [endif]-->

< / head >

< onload of the body = MM_preloadImages('..) «/images/nav_bar_guild_ro_home.gif ','... / images/Calendar_rollov er_01.gif ',' /images/nav_bar_guild_ro_general.gif ','... f/images/nav_bar_guild_ro_members.» GI ','... /images/nav_bar_guild_ro_community.gif ','... /images/nav_bar_guild_ro_contacts.gif «,» . (/ images/events_rollover_01.gif ') ">"

< div id = 'wrapper' >

< div id = "top" >

"< div id ="logo"> < a href ="... / index.html "" > < img src = ""... / pictures/thanks "width ="280"height ="172"alt ="logo"/ > < /a > < / div > <! - logo - >"

< div id = "quilt_top" >

"" < img src = "... / images/quilt_top.png" width = "550" height = "209" alt = "Duvet" / > < / div > <! - quilt_top - >

< / div > <! - top - > <! - top - >

< div id = "bar1" > < / div > <! - bar1 - >

< div id = "bottom" >

< div id = "nav" >

< ul >

"" "< li > < a href ="... / index.html "MM_swapImgRestore" onmouseover = "MM_swapImage ('home button',",'... / images/nav_bar_guild_ro_home.gif ', 1) "> < img src =" "... / images/nav_bar_guild_home.gif" alt = "home button" name = "home button" width = "148" height = "129" border = "0" id = "home button" / > < /a > < /li > "

"" "< class ="subNav"li > < a href ="... / general.html "MM_swapImgRestore" onmouseover = "MM_swapImage ('general',",'... / images/nav_bar_guild_ro_general.gif ', 1) "> < img src =" "... / images/nav_bar_guild_general.gif" alt = "rollover nav buttons" name = 'general' width = "205" height = "129" border = "0" id = "general" / > < /a > "

< ul >

"< li > < a href ="... / meetings.html "> dating < /a > < /li >"

"< li > < a href ="... / showandtell.html "> view the & amp;" Say < /a > < /li >

"< li > < a href ="... / library.html "> library < /a > < /li >"

"< li > < a href ="... / retreat.html "> pension < /a > < /li >"

"< li > < a href ="... / blogs.html "> items < /a > < /li >"

"< li > < a href ="... / fundraising.html "> fundraising < /a > < /li >"

< li > < /li >

< /ul >

< /li >

"" "< li > < a href ="... / members.html "MM_swapImgRestore" onmouseover = "MM_swapImage ('members',",'... / images/nav_bar_guild_ro_members.gif ', 1) "> < img src =" "... / images/nav_bar_guild_members.gif" alt = button 'members' name = 'members' width = "198" height = "129" border = "0" id = "members" / > < /a > < /li > "

"" "< class ="subNav"li > < a href ="... / community.html "MM_swapImgRestore" onmouseover = "MM_swapImage ('Community',",'... / images/nav_bar_guild_ro_community.gif ', 1) "> < img src =" "... / images/nav_bar_guild_community.gif ' alt = 'button community' name = 'Community' width ="215"height ="129"border ="0"id = 'Community' / > < /a >"

< ul >

"< li > < a href ="... / kids_kwilts.html "> < /a > < /li > children Kwilts"

"< li > < a href ="... / storybook_quilts.html "> stories < /a > < /li >"

< li > < /li >

< /ul >

< /li >

"" "< class ="subNav"li > < a href ="... / adresses.html "MM_swapImgRestore" onmouseover = "MM_swapImage ('contacts',",'... / images/nav_bar_guild_ro_contacts.gif ', 1) "> < im g src =" "... / images/nav_bar_guild_contacts.gif ' alt = 'the button contacts' name = 'contacts' width ="185"height ="129"border ="0"id ="contacts"/ > < /a >"

< ul >

"< li > < a href ="... / board.html "> Council < /a > < /li >"

"< li > < a href ="... / bees.html "> bees < /a > < /li >"

"< li > < a href ="... / carriere/portfolio/index.html "> resources < /a > < /li >"

"< li > < a href ="... / quiltshops.html "> Quilt Shops < /a > < /li >"

"< li > < a href ="... / otherguild.html "> other guilds < /a > < /li >"

< li > < /li >

< /ul >

< /li >

< /ul >

< / div > <! - nav - >

< div id = "main_content" > <!-TemplateBeginEditable name = 'main'-> main <! - TemplateEndEditable - >

< / div > <! - main_content - >

< / div > <! - low - >

< / div > <! - wrapper - >

< / body >

< / html >

I stayed until the end, and here is the HTML and CSS code, you must

HTML


  • Patchwork shops
  • Other guilds
  • main

    CHANGE THE NAVIGATION BAR OF THE CSS SELECTOR TO THIS


    #nav li.subNav:hover ul {}

    display: block;

    position: absolute;

    top: 370px;

    border: none;

    background-color: transparent;

    do-family: "Times New Roman", Times, serif;

    do-size: 16px;

    color: #CA0F20;

    text-decoration: none;

    margin-top: 0px;

    right margin: 0;

    margin-bottom: 0;

    left margin: 0px;

    padding-top: 0px;

    padding-bottom: 10px;

    z index: 95;

    text-align: center;

    }

    Tags: Dreamweaver

    Similar Questions

    Maybe you are looking for

    • Apple Magic Mouse question and Magic Keyboard 2 battery

      I have an iMac end of 2015 for Christmas and it came with the Apple Magic Mouse 2 and Magic Keyboard 2 I was wondering why I can see the State of my mouse, but I do not see the status of the battery on my keyboard?  Also, as of today, I had the compu

    • Program to save energy doesn't work on Satellite A100

      SOmethings weird? A100 Satellite Xp... All updates automatically configured, new battery; now I get caption on start up: -. >It must relate to the battery Toshiba program. How can I get rid of this or fix the problem? Richy

    • Tried to replace the video card integrated with card pci-e x 16 and lost audio - help please

      Is this normal - when you replace your car video with a pci-e video card you would lose your sound.  The system I have is a Pavilion a1450n and has 3 pci slots and 1 pci-e.  I changed the pci-e video in the bios and everything is fine, but no sound a

    • Each song appears 4 times

      HelloI transferred several files from my PC to SANSA VIEW. All files were transferred successfully except one with 137 songs that each song appears 4 times in my reader!I deleted the folder once and copy it again to the player, but the same problem r

    • How can I delete the thing Deputy animated paperclip?

      Stupidly, I added the animated paper clip thing and can't find anyway to remove from my Windows Vista system. I think it has been listed as Windows Wizard or something... Most annoying!