css - How to get menu text vertically aligned with inherited height -

-

I have a pretty standard bootstrap nav menu with some custom modifications, with an issue running with NAV both: The hover selector and vertical-alignment property should be one of me: the hover selector fills 100% of the height of the menu bar, but as soon as I do this work, my vertical alignment effect (and vice versa) stops working. How can I meet both requirements? 

   
 (For clarity, see my comment in the CSS code)  
 Thanks  
  
 
  & lt; Div class = " 
  
 container" & gt; & Lt; Nav class = "navbar navbar-inverse" role = "navigation" & gt; & Lt; Div class = "row" & gt; & Lt ;! - Brand and toggle are grouped for better mobile display - & gt; & Lt; Div class = "navbar-header" & gt; & Lt; Button type = "button" class = "navbar-toggle short" data-toggle = "collapse" data-target = "# secondary-menu-fall" & gt; & Lt; Span class = "sr-only" & gt; Toggle Navigation & lt; / Span & gt; & Lt; Span class = "icon-bar" & gt; & Lt; / Span & gt; & Lt; Span class = "icon-bar" & gt; & Lt; / Span & gt; & Lt; Span class = "icon-bar" & gt; & Lt; / Span & gt; & Lt; / Button & gt; & Lt; / Div & gt; & Lt ;! - Navigate to Navigation links, forms and other content for toggling - & gt; & Lt; Div id = "secondary-menu-fall" class = "nawabar-fall collapse" & gt; & Lt; Ul class = "nav navbar-nav" & gt; & Lt; Li class = "active" & gt; & Lt; A href = "#" & gt; A & lt; / A & gt; & Lt; / Li & gt; & Lt; Li class = "" & gt; & Lt; A href = "#" & gt; Do two & lt; / A & gt; & Lt; / Li & gt; & Lt; Li class = "" & gt; & Lt; A href = "#" & gt; Three three three & lt; / A & gt; & Lt; / Li & gt; & Lt; Li class = "" & gt; & Lt; A href = "#" & gt; Four to four four & lt; / A & gt; & Lt; / Li & gt; & Lt; Li class = "" & gt; & Lt; A href = "#" & gt; Five five five five five & lt; / A & gt; & Lt; / Li & gt; & Lt; / Ul & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; / Neo & gt;  
 
 CSS 
 
  # Secondary Menu-Fall. Navbar-nav {display: table; Width: 100%; Height: 100%; } # Secondary Menu-Fall Navbar-nav li {width: 20%; Exhibit: Table Cell; Vertical-row: middle; Align text: left; Float: None; Height: heir; } # Secondary Menu-Fall .navbar-NAV Li A {Height: Heirs; / * Removing it gives the right vertical alignment, but the background hinge does not fill the height of the menu bar. * /} # Secondary Menu-Fall Navbar-nav li a: Hover {background color: green; }    
 
 
 Is it   to  one  selector? 
 
 If you have  li  items on : hover  then it is: 
 
  # Secondary menu-collapse . Navbar-nav li: Hover {background color: green; }  
 
 Then the background color of the full list item (instead of the text inside anchor tag) will be green, then you will see the  height: heirs  property from anchor tag Can remove 
 
 This will beat the background for all hovered items. If you want to have active items black, you can also add: 
 
  # Secondary Menu-Fall. Navbar-nav Active {background-color: # 080808! Important; / * Important! Ensures that its priority is * /}  
 
 
 
 Alternatively, if you have ! Important You do not want to use , or when you hover over an active item, you want a different color, you can use it instead: 
 
  # Secondary -Menu-Fall Navbar-nav Active: Hover {background-color: # BBBBBB; / * Set a hover color for active item here * /}

Comments

Post a Comment

Popular posts from this blog

mysql - How to enter php data into a html multiple select box -

-
I am working on a page that will create a team. I just want to create a selection box which will list all the users of all the users. After that, the user can select more than one friend (i.e. 5) and can send the request to these 5 people to join the team but I am having problems I did this: Select $ sql = "Select i. *, Join * Connect with M * m.id = i.clique_id where adder_id =: id"; $ Stmt = $ db- & gt; Query ($ sql, array ('id' = & gt; $ _SESSION ['id'])); While ($ record = $ stmt-> fetch ()) {$ surname = $ record ['surname']; } and this: & lt; Select multiple = "true" name = "category" well id = "category" name = "category" category = "" & gt; & Lt; Option value = "& lt ;? php echo $ surname ;? & gt;" & Gt; & Lt ;? Php ek $ nickname; ? & Gt; & Lt; / Options & gt; & Lt; / Select & gt; But only a friend's nickname...
Read more

java - Can't add JTree to JPanel of a JInternalFrame -

-
Image
There are two panels in my JInternalframe. I want to add TopPanel to Jtree to nominate another. But I can not add Jaitari to the top of the panel. Please help me in this piece of code: DefaultMutableTreeNode root = new DefaultMutableTreeNode ("deck"); DefaultMutableTreeNode Item Clubs = New DefaultMutableTreeNode ("Club"); AddAllCard (itemClubs); Root.add (itemClubs); DefaultMutableTreeNode item = New DefaultMutableTreeNode ("Diamonds"); AddAllCard (itemDiamonds); Root.add (itemDiamonds); DefaultMutableTreeNode Itemspads = New DefaultMutableTreeNode ("Spades"); AddAllCard (itemSpades); Root.add (itemSpades); DefaultMutableTreeNode item increases = new DefaultMutableTreeNode ("heart"); AddAllCard (itemHearts); Root.add (itemHearts); Default Trimodel Tree Model = New DefaultTreeModel (Route); Tree = new jetty (tree modal); ScrollPane = new JScrollPane (tree); // scrollPane.setViewportView (tree); . ScrollPane.getViewport () add (tr...
Read more

c++ - Cassandra datastax cpp driver - avoiding unnecessary copies -

-
I use the following method to create my insert statement for Cassandra (using datastax cpp driver) : ssStmt1 & lt; & Lt; "Insert some table (...) value (....)" string sStatement1 = ssStmt1.str (); Castestring cass1 = cass_string_init (sStatement1.c_str ()); CassStatement * pStmt1 = cass_statement_new (cass1, 0); I have also tried the following: CassString cass1 = cass_string_init ("Enter some table (id, date, c) value (? ,?,?); "); CassStatement * pStmt1 = cass_statement_new (cass1, 3); Cass_statement_bind_uuid (pStmt1, 0, uuidKey); Cass_statement_bind_int64 (PSTMT1, 1, timestamp); Cass_statement_bind_string (pStmt1, 2, sSomething); The first pattern works with mixed keys, the second is not. The key has a timestamp and a UUID. Timestamp is one of two errors in the field (based on the used bond statement). If bound in this way: cass_statement_bind_int64_by_name (pStmt1, "date", timestamp); I get the following error: Inva...
Read more