html - Why wont this work in Internet Explorer? -
I Here's the CSS: Here's HTML: You see all the links on the right because each Try this: You can have another For example: & 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?
.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}
& 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; & lt; Li & gt; still fills the full width, even if it's turned on. .navbar1 li {width: 120px; Swim left; overflow: hidden; Here, just be safe.
Comments
Post a Comment