html - Please help me with this navigation bar -

-

this code vertical navigation bar have created, there 1 more thing need add here , flyout menu on mouse over. have tried many things did not work. here's css code

.navbar{ list-style-type: none; margin: 0; padding: 10px; width: 280px; /* width of menu */ }  .navbar li{ border-bottom: 1px solid white; /* white border beneath each menu item */ }  .navbar li a{ background: #333 url(media/sexypanelright.gif) no-repeat right top; /*color of menu default*/ font: bold 13px "lucida grande", "trebuchet ms", verdana; display: block; color: white; width: auto; padding: 5px 0; /* vertical (top/bottom) padding each menu link */ text-indent: 8px; text-decoration: none; border-bottom: 1px solid black; /*bottom border of menu link. should equal or darker link's bgcolor*/ }  .navbar li a:visited, .navbar li a:active{ color: white; }  .navbar li a:hover{ background-color: black; /*color of menu onmouseover*/ color: white; border-bottom: 1px solid black; /*bottom border of menu link during hover. should            equal or darker link's hover's bgcolor*/ }

and html part this

<ul class="navbar"> <li><a href="#">»  computers</a>  </li> <li><a href="#" >»  networking solutions</a></li> <li><a href="#/">»  security solutions</a></li> <li><a href="#">»  office automations</a></li> <li><a href="#">»  gadgets</a></li> <li><a href="#">»  projectors , display     screens</a></li> <li><a href="#">»  peripherals , components</a></li> <li><a href="#">»  softwares</a></li>  <li class="lastitem"><a href="#">»  customized solutions</a></li>        </ul>

what want when user hovers mouse on of item in list flyout menu appears menu. thank in advance.

is you're looking for?

jsfiddle

this key, when hover li, child class .flyout visible

.navbar li:hover .flyout {     display: block; }

ps: added submenu first 2 voices in main menu keep code short


Comments

Post a Comment

Popular posts from this blog

c++ - Creating new partition disk winapi -

-
i'am trying create new partition , mount volume new, thought createfile let me this, code : lpctstr lpfilename=l"\\\\.\\device\\harddisk0\\partition3"; handle handl=createfile( lpfilename, generic_read | generic_write, file_share_read | file_share_write, null, create_always, file_attribute_normal, null ); if (handl==invalid_handle_value) { qdebug()<<"handl invalid"<<" error"<<getlasterror();} bool success = definedosdevice(ddd_raw_target_path,l"i:",l"\\device\\harddisk0\\partition3"); if(!success) qdebug()<<" definedosdevice failed "<<getlasterror(); bflag = getvolumenameforvolumemountpoint( l"i:\\", // input volume mount point or directory /** u in dir
Read more

Android Prevent Bluetooth Pairing Dialog -

-
i'm developing internal application uses bluetooth printing. want bluetooth pairing occur without user input. have managed working trapping android.bluetooth.device.action.pairing_request broadcast. in broadcast receiver call setpin method, , pairing works ok, bluetoothpairingdialog displayed second or two, disappears - see link below. https://github.com/android/platform_packages_apps_settings/blob/master/src/com/android/settings/bluetooth/bluetoothpairingdialog.java since broadcast non-ordered, can't call abortbroadcast() , , wondering if there other way prevent pairing dialog appearing. can hook window manager in way? i haven't been able come way without modifying sdk. if you're oem, it's easy (i'm on 4.3): in packages/apps/settings/androidmanifest.xml, comment intent filter pairing dialog: <activity android:name=".bluetooth.bluetoothpairingdialog" android:label="@string/bluetooth_pairing_request"
Read more

VBA function to include CDATA -

-
i have following function include cdata: function cdatasection() dim objdom domdocument dim objkmlrootelement ikmldomelement dim objkmlelement ikmldomelement dim cdata ikmldomcdatasection set objdom = new domdocument set objkmlrootelement = objdom.createelement("balloonstyle") objdom.appendchild objkmlrootelement set objkmlelement = objdom.createelement("text") objkmlrootelement.appendchild objkmlelement set cdata = objdom.createcdatasection("text") cdata.data = "<![cdata[<b>latitude = $[latitude]</b>?]]>;" end function when run above, getting error "user defined data type not found" function. yes ripster says find library reference. vba window tools>references for list of relevant references see... http://msdn.microsoft.com/en-us/library/windows/desktop/ms763701%28v=vs.85%29.aspx however, if have hard time tracking down reference, replace dim sta
Read more