CSS removing border on tabbed navigation menu -

-

I am trying to create a simple tabbed navigation menu in CSS. I'm having trouble getting the bottom limit to go to the active tab. Usually it is not hard to do, but I also want to set a line height. That's why I use inline blocks with various IE and FF fixes. I am doing It displays the way I want it with the exception of the lower border.

I have tried several ways to do this work, including the establishment of several operators .. but I do not have enough information about it CSS to determine me whether I use them correctly I am doing

It's mine.

(Obviously my CSS skills need to be working and I can probably also make the code a lot easier.)

Code: 

 < Code> #tab_menu {width: 100%; Hidden flurry; Color: # 000000; Border Bottom: #dddddd Solid 1px; } #tab_menu ul {padding: 0px; Margin: 0 px; } #tab_menu li {list-style: none; Line-height: 42 pixels; Padding-left: 15px; Padding-right: 15px; Font-size: 14px; Font-family: aerial, helvetica, sense-serif; Display: -Moz-inline-stack; / * Firefox Fix * / Display: Inline-Block; / * Normal function * / Zoom: 1; / * IE fix * / * display: inline; / * IE fixes * /} .tab_menu_active {color: # 000000; Border bottom: None; Border-left: #dddddd solid 1px; Limit-correct: #dddddd Solid 1px; Border-top: #dddddd solid 1px; } .tab_menu_active one {color: # 000000; Text-decoration: None; } .tab_menu_not_active {} .tab_menu_not_active a {color: # 52a4d4; Text-decoration: None; } .tab_menu_not_active: hover {background: #eeeeee; }

HTML: 

  & lt; Div id = "tab_menu" & gt; & Lt; Ul & gt; & Lt; Li class = "tab_menu_not_active" & gt; & Lt; A href = "" & gt; Link 1 & lt; / A & gt; & Lt; / Li & gt; & Lt; Li class = "tab_menu_active" & gt; & Lt; A href = "" & gt; Link 2 & lt; / A & gt; & Lt; / Li & gt; & Lt; Li class = "tab_menu_not_active" & gt; & Lt; A href = "" & gt; Link 3 & lt; / A & gt; & Lt; / Li & gt; & Lt; Li class = "tab_menu_not_active" & gt; & Lt; A href = "" & gt; Link 4 & lt; / A & gt; & Lt; / Li & gt; & Lt; Li class = "tab_menu_not_active" & gt; & Lt; A href = "" & gt; Link 5 & lt; / A & gt; & Lt; / Li & gt; & Lt; / Ul & gt; & Lt; / Div & gt; 
 
 
 
 
 
 
 
 
 
 
 
  
 hidden;   
  #tab_menu {/ * Overflow: Hidden; I have added these styles in .tab_menu_active which will add white below border and gray border color overrides with position manipulation.  
  .tab_menu_active {border-bottom: solid 1px #fff; Status: Relative; Top: 1px; } .tab_menu_active one {status: relative; Top: -1px; }

Comments

Post a Comment

Popular posts from this blog

import - Python ImportError: No module named wmi -

-
I followed the instructions for downloading WMI for Python When I try to run the code for C.Win32_Service (StartMode = "Auto", state = "Stopped") import wmi c = wmi.WMI (): if Raw_input ("restart% s?"% S.Caption) .upper () == "Y": s.StartService () I got the error traceback (most recent call end): file ". \", Line 1, edit: I am using Python 2.7.6 EDIT2: I am running 64-bit Windows 2008 R2, and I've downloaded WMI-1.4.9.zip (md5). I removed the content and put it in D: Python \ Tools \ Scripts I executed dragon setup.py.install I said D : \ Python \ tools \ scripts to% PATH% and when I execute the code for C.Win32_Service (StartMode = "Auto", state = "Stopped") import wmi c = Wmi.WMI (): If raw_input ("Restart% s?"% S. Caption). () == "Y": s.StartService () error me Gets traceback (most recent call final): File ". See \", line 1, & lt; Modu...
Read more

Editing Python Class in Shell and SQLAlchemy -

-
I am working on the terminal on a shell script after this tutorial SQLAlchemy tutorial. I need to type gt; & Gt; & Gt; Sqlalchemy import column, integer, string & gt; & Gt; & Gt; Class user (base): __tablename__ = 'users' id = column (integer, primary_key = true) name = column (string) absolute name = column (string) password = column (string) def __repr __ (self): return "& lt ; User (name = '% s', absolute name = '% s', password = '% s') & gt; "% (Self.name, self.fullname, self.password) After the problem I have typed the password = column (string) I hit twice and changed .... >> I then took everything back but then an error was thrown because the class already exists ... I am not completely sure how to fix it. How do I open that slip in the shell script and edit it (Add DF to DRR) The error thrown below: / user / giripeters / TFSQLLX / Lib / python2.7 / site-packages / sqlalchemy / ext / decla...
Read more

lua - HowTo create a fuel bar -

-
I would like to create a fuel bar (empty with full tank). When the user touches the screen, the fuel once Dairejh these is my code: lifeBar = display.newImage ( "fuel_bar1.png") lifeBar.anchorX = 0 lifeboats. ======================== Lifetime Y = 37 screens Group: The Insert function (called Laifbar) However, I fuel Kansmoshn (equivalent to "pressed" variable to reduce the fuel tank "true") Have used. When pressed == is true, it means that the user is touching the screen: processed (fuel) processed () if life & gt; 0 and pressed == true remains = life - life 1 Life = life =. Wide-1 remains Value.text = string.format ("% d", life) End of this This function is active as the entrance event: runtime: addEventListener ( "Antrfrem" fuel Snsadna) it is very well, but my question is: pressed variable each time 5 seconds (once = = True) How is it possible to reduce the vitality width? I tried to add it to my touch even...
Read more