html - Why wont this work in Internet Explorer? -


I & lt; Ul & gt; Trying this nav bar using and & lt; Li & gt; and some CSS so that it creates a horizontal navigation but the way I have it does not work in IE, why not just firefox and chrome anyone know?

Here's the CSS:

  .navbar1 ul {list-style-type: none; Margin: 0; Padding: 0; Hidden flurry; } .navbar1 li {float: left; } .navbar1 a {font-size: 24px; Color: # fc 0; Background color: # 900; float right; Text align: center; Height: 30px; Width: 120px; Border-width: 5px; Border Bottom Width: 5px; Border-top-style: solid; Border style: solid; Border-top-color: # fc0; Border-right-color: #FC0; Border-down-color: #FC0; Border-left-color: #FC0; Font-family: "Britannic bold"; }. Navbar1 a: Hover, A: Active {background-color: # 500}   

Here's HTML:

  & lt; Ul & gt; & Lt; Li & gt; & Lt; A href = "index.html" & gt; Home & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "services.html" & gt; Service & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "contact.html" & gt; Contact & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A & gt; & Lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A & gt; & Lt; / A & gt; & Lt; / Li & gt; & Lt; / Ul & gt;    

You see all the links on the right because each & lt; Li & gt; still fills the full width, even if it's turned on.

Try this: .navbar1 li {width: 120px; Swim left;

You can have another overflow: hidden; Here, just be safe.

For example:

Comments

Popular posts from this blog

qt - switch/case statement in C++ with a QString type -

python - sqlite3.OperationalError: near "REFERENCES": syntax error - foreign key creating -

Python's equivalent for Ruby's define_method? -