Issues with jQuery/CSS Nav not hiding and horizontal position -

-

update: horizontal positioning has been resolved, still having issues menus not disappearing.

updated jsfiddle: http://jsfiddle.net/trevoray/crpdk/7/

i've come across 2 issues nav can't past. can take , me out?

  1. horizontal position. page centered, don't know exact position. made absolute , thought absolute based upon it's parent element, it's not working. need horizontal position same regardless of how wide user's browser is.

  2. menus not "hiding" after onmouseout. can't seem figure out how menus go away consistantly.

here's jsfiddle:

http://jsfiddle.net/trevoray/crpdk/2/

 #nav-about { z-index:4000; position:absolute; left:186px;  display:none;}  #nav-meetings { z-index:4000; position:absolute; left:357px; display:none;}  #nav-journal { z-index:4000; position:absolute; left:528px;  display:none;}  #nav-goodstuff { z-index:4000; position:absolute; left:699px; display:none;}  #nav-members { z-index:4000; position:absolute; left:819px; display:none;}

enter image description here

  1. to position element absolute relative parent. parent element needs position: relative
<div class="parent">   <div class="absolute">   </div> </div> 
.parent { position: relative; } .absolute { position: absolute; top: 10px; right; 20px }

2. you've put onmouseout handler onto submenus. if leave menu point mouse, nothing happens, if leave submenu, submenu hide.

update

i have created working example now: http://jsfiddle.net/vz7qd/1

things note:

  1. you don't need javascript. see commented out last css statement. enough, css there no animation when showing. (i find slidedown/slideup nicer default animation of show btw.)
  2. the javascript binding mouseenter/mouseleave handlers top navigation li element holds submenu. submenu child of li item.
  3. i applied background color , gradient applying 1 single gray gradient elements , add border of desired color link element instead of adding gradient area 1 plain color.
  4. use ids defining custom background colors links in submenus (similar fat bottom border on top menu items)

Comments

Post a Comment

Popular posts from this blog

Delphi XE2 Indy10 udp client-server interchange using SendBuffer-ReceiveBuffer -

-
i use delphi xe2 , indy10 udp protocol. can't receive server echo on client side if use receivebuffer method. got "socket error # 10040" although send small echo message server client. console application illustrate problem below. in advance. program project1; {$apptype console} {$r *.res} uses system.sysutils, idglobal, idbasecomponent, idcomponent, idsockethandle, idudpclient, idudpserver, idudpbase, idstack; type tudp_serv = class(tidudpserver) procedure udpsvudpread(athread: tidudplistenerthread; adata: tidbytes; abinding: tidsockethandle); end; var udpserver: tudp_serv; udpcl: tidudpclient; bsnd, brcv: tbytes; s: string; k: integer; //============================================================================== procedure tudp_serv.udpsvudpread(athread: tidudplistenerthread; adata: tidbytes; abinding: tidsockethandle); begin writeln(' server read: ' + tohex(adata, length(adata))); abinding sendto(peerip, peerport, adat...
Read more

Qt ActiveX WMI QAxBase::dynamicCallHelper: ItemIndex(int): No such property in -

-
i new windows programming. here goes code objiwbemlocator = new qaxobject("wbemscripting.swbemlocator"); objwmiservice = objiwbemlocator->querysubobject("connectserver(qstring&,qstring&)",qstring("."),qstring("root\\cimv2")); qaxobject* returnlist = objwmiservice->querysubobject("execquery(qstring&)", qstring("select * %1").arg(domain)); qaxobject* result = returnlist->querysubobject("itemindex(int)", 0); i getting error on runtime qt activex wmi qaxbase::dynamiccallhelper: itemindex(int): no such property in but itemindex method exists msdn says the itemindex method not work collections not contain swbemobjects, such swbemmethodset, swbemnamedvalueset, swbemprivilegeset, swbempropertyset, , swbemqualifierset. what selecting ? have tried iterating on collection ? plus need minimum windows vista itemindex method. hope helps
Read more

Enable autocomplete or intellisense in Atom editor for PHP -

-
i'm first time user of atom editor php code. atom can autocomplete built-in functions of php. possible make editor autocomplete custom function written in separate file? function.php <?php function printsomething() { echo "hello world"; } index.php <?php require_once "function.php"; printsomething(); // autocompleted atom editor while typing thanks in advance. there text file in %userprofile%.atom called snippets.cson. in there can add snippet. more this: http://flight-manual.atom.io/using-atom/sections/snippets/ but need think can use later on other files well. otherwise need copy , paste.
Read more