html - Making CSS Tabs a Specific Width and Height -


I am trying to set up CSS tabs and I want them to have the same height and width. How can I do this / the following CSS:

  #master_tab_layout {height: 35px; } #master_tab_layout li {display: inline; Hidden flurry; List-style-type: none; Background color: # FE000C; } # Master_ababy_layoutaa, a. Active {color: #DEDECF; Background: # 0EB1E8; Fonts: Bold 1em "Trebchett MS", Aerial, Non-Serif; Border: 2px solid black; Padding: 2px 5px 0px 5px; Margin: 0; Width: 150px; Text-decoration: None; } # Master_ababy_layout a. Active {background: # ef2000c; Border bottom: 3px solid # Abaada 85; } # Master_ababy_layout a: hover {color: #fff; Background: #FFF; } #master_tab_layout a: visited {color: # E8E9BE; } # Master_ababy_layout a. ActiveHouse {background: # FEA 2000C; Color: #DEDECF; }  

... and later HTML:

  & lt; Div id = "master_tab_layout" & gt; & Lt; Ul & gt; & Lt; Li & gt; & Lt; A href = "/ howtoorder" & gt; How to order & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "/ about_us" & gt; About us & lt; / A & gt; & Lt; / Li & gt; & Lt; / Ul & gt; & Lt; / Div & gt;  

  #master_tab_layout ul li {width: 50px; Height: 25px; }  

They will only set the size if you want them vertical then you have to use the display: block;

Also, do not use one: Active to change the font can change this size and can disturb the users.


Comments

Popular posts from this blog

c# - ListView onScroll event -

PHP - get image from byte array -

Linux Terminal Problem with Non-Canonical Terminal I/O app -