Can someone help me with this css?

Hello

I have a drop of menu navigation, it is a Summit laid out horizontally, with a second horizontal under menu that appears when you hover over an element (portfolios).  Once you have selected a wallet from the submenu, the submenu disappears.  I want to stay visible, while a portfolio is selected (the two titles highlighted will better tell users exactly where they are) and then disappear when a different top-level menu item is selected.  You can see here.  http://tinyurl.com/4g6vnkg  Hover over the link portfolios to see that the business portfolio is selected.  Navigation is connected to my site, if you accidentally tap use the opposite arrow link to return.

Css is as follows:

#navbar / * DROPDOWN HORIZONTAL BEGIN * /.

{

position: relative;

Width: 100%;

text-align: center;

padding: 0;

margin-top: 10px;

right margin: 0;

margin-bottom: 0;

left margin: 0;

}

#navbar li {}

list-style: none;

do-size: 12px;

float: left;

text-align: center;

margin: 0px;

padding: 0px;

make-weight: lighter;

color: #6C6D7B;

text-decoration: none;

}

/ * menu of top-level * /.

Li #navbar, li #navbar a: visited {}

display: block;

text-decoration: none; / * space between links * /.

color: #6C6D7B;

Width: 160px; / * Adjust according to your needs or use auto * /.

padding: 0;

make-weight: lighter;

line-height: 15px;

do-family: Arial, Helvetica, without serif.

do-size: 12px;

text-align: center;

margin: 0;

}

/ * top menu style on mouse over * /.

#navbar Li a: hover {}

color: # 70-361;

do-size: 12px;

make-weight: bold;

}

Body.Home #navbar a.home,

A.about #navbar body.about,

Body.portfolios #navbar a.portfolios,

Body.Landscape #navbar a.portfolios,

Body.Landscape #navbar a.landscape,

Body.Personal #navbar a.portfolios,

Body.Personal #navbar a.personal,

Body.Business #navbar a.portfolios,

Body.Business #navbar a.business,

Body.commercial #navbar a.portfolios,

Body.commercial #navbar a.commercial,

Body.Industrial #navbar a.portfolios,

Body.Industrial #navbar a.industrial,

Body.Editorial #navbar a.portfolios,

Body.Editorial #navbar a.editorial,

Body.contact #navbar a.contact,

Body.Links #navbar a.links {}

do-family: Arial, Helvetica, without serif.

do-size: 12px;

make-weight: bold;

text-decoration: none;

color: #292E52;

}

/ * submenu * /.

#navbar li ul {}

display: none;

text-align: center;

margin: 0;

padding: 0;

}

/ menu high investment options * /.

#navbar li: hover ul, #navbar li.hover ul {}

display: block;

position: absolute;

Width: 800px;

margin: 0px;

left: 0px;

height: 90px;

padding: 0px;

}

/ * drop-down items placement list * /.

#navbar li: hover li, #navbar li.hover li {}

position: relative;

float: left;

Width: 133px;

}

/ * drop-down style * /.

Li li: hover #navbar a, #navbar li.hover li a {}

margin-top: 0;

}

/ * menu style drop down on mouse over * /.

#navbar li li a: hover {}

do-family: Arial, Helvetica, without serif.

do-size: 12px;

make-weight: bold;

color: # 70-361;

text-decoration: none;

}

/ * Clear floated elements at the end * /.

#navbar: after {}

visibility: hidden;

display: block;

do-size: 0;

content: "";

Clear: both;

height: 0;

}

/ * END HORIZONTAL DROP-MENUS STYLES * /.

I tried to change this property, but it changes from the top level of the portfolio items on and the menu items SUP at a vertical list, can someone tell me what is missing?

Thank you

Chris

Just to let you know, this menu is not touch friendly.  There is no hover on mobile phones and tablets.

The links are much too small for easy finger taps.  In fact, they are a bit too small for the movements of the mouse, too.

My advice is radically to resize your menu to the top and be the submenu called onClick which keep visible no matter where the mouse of the user happens to be.

Nancy O.

Tags: Dreamweaver

Similar Questions

Maybe you are looking for

  • Adding links to a Hypertext address web Pages video

    It's so frustrating! My wife spent a whole day, design of a document on the Pages to be converted to a PDF file for the job. Once it was full, she needed to add hypertext links to various other Web pages. 1. you cannot add hyperlinks to pictures (!),

  • Firefox tells me I'm aware, but he also says that I am under 16 version. I can't download a more current (says file not found).

    When I got Firefox > on Firefox, it tells me I have 16.0.2However he also told me that I am up to date.Based on a quick search, it seems that you are on twenty something!I tried to download a new one (for mac, British English), but it says "file not

  • iPhone 5 c is hard to connect to cable

    When I plug the charging cable into my iPhone 5 c sometimes it won't be able to establish a connection, or the connection, 'wobbles' on and outside. I suspect a mechanical problem - possibly dust or residues in the socket of the phone - but don't kno

  • No app store on Apple TV 3

    Hi, the app store icon is missing on my Apple TV model 3 A1427. Anyway I can show him?

  • Colpitts oscillator does not

    Hello This circuit is exactly similar to that of the 830 book "Electronic Devices" page by Floyd 8th edition. I have triplechecked I have the same circuit in multisim, but I still don't understand the circuit to oscillate. Can someone please help? I