hey guys my nav bar css is not working when i viewing it in design view ? but it is working properly in localhost. is this fine ?or this will cause errors in deployment?
What I have tried:
nothing tried yet. heres my css
body
{
background-color: #e6e6e6;
}
@import url(http:
*, *:before, *:after{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
font-family: 'Lato', sans-serif;
margin-left: 0;
margin-top: 0;
margin-bottom: 0;
}
nav{
position: fixed;
top: 0;
left: 0;
width: 100%;
background: #E55C40;
box-shadow: 0 3px 10px -2px rgba(0,0,0,.1);
border: 1px solid rgba(0,0,0,.1);
}
nav ul{
list-style: none;
position: relative;
margin-right: 50px;
display: inline-table;
}
nav ul li{
float: left;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
nav ul li:hover{background: rgba(0,0,0,.15);}
nav ul li:hover > ul{display: block;}
nav ul li{
float: left;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
nav ul li a{
display: block;
padding: 30px 9px;
color: white;
font-size: .9em;
letter-spacing: 1px;
font-weight: bold;
font-size: 0.85rem;
text-decoration: none;
text-transform: uppercase;
}
nav ul ul{
display: none;
background: #E55C40;
position: absolute;
top: 100%;
box-shadow: -3px 3px 10px -2px rgba(0,0,0,.1);
border: 1px solid rgba(0,0,0,.1);
}
nav ul ul li
{
float: none; position: relative;
}
nav ul ul li a {
padding: 15px 30px;
border-bottom: 1px solid rgba(0,0,0,.05);
}
nav ul ul ul {
position: absolute;
left: 100%;
top:0;
}
heres how i link the css:
<pre> <link href="CSS/mp.css" rel="stylesheet" type="text/css" />
heres my navbar:
<nav role='navigation'>
<ul>
<li><a href="adminfirst.aspx"> <asp:Label ID="Label2" runat="server" Text="Welcome ">
</asp:Label><asp:Label ID="teachername" runat="server" Text=" teachername"></asp:Label></a>
<ul>
<li><a href="#" style="padding: 0% 0% 0% 0%;"><asp:Button ID="Logout" runat="server" Text="LOGOUT"
style="color: white;
font-size: .9em;
padding: 20px 20px 20px 20px;
letter-spacing: 1px;
font-weight: bold;
font-size: 0.85rem;
background-color: #e6e6e6;
background: #E55C40; border:none;" OnClientClick="return confirm('Are You Sure You Want To Logout?');"></asp:Button>
</a></li>
</ul></li>
<li ><a href="#" style="cursor:default">Teachers Corner</a>
<ul>
<li><a href="admingradecomponents.aspx">Grade Components</a></li>
<li><a href="adminnewteacher.aspx">Teachers information</a></li>
<li><a href="adminmanageaccount.aspx">Accounts Designation</a></li>
<li><a href="adminadviseree.aspx">class assigning</a></li>
<li><a href="adminassignsubject.aspx">Subject assigning</a></li>
<li><a href="admintransactionhistory.aspx">Login History</a></li>
</ul>
</li>
<li><a href="#" style="cursor:default">Students corner</a>
<ul>
<li><a href="adminaddstudent.aspx">Students Information</a></li>
<li><a href="adminstudentaccount.aspx">Students Account</a></li>
</ul>
</li>
<li><a href="#" style="cursor:default">Print</a>
<ul>
<li><a href="adminprintform137.aspx">Transcript of Record</a></li>
<li><a href="adminprintreportcard.aspx">Report Cards</a></li>
</ul>
</li>
<li><a href="#" style="cursor:default">Send Notifications</a>
<ul>
<li><a href="adminnotif.aspx">SMS Notification</a></li>
<li><a href="adminnotifhistory.aspx">Notification History</a></li>
</ul>
</li>
<li><a href="#" style="cursor:default">Archive Files</a>
<ul>
<li><a href="adminarchiveteacher.aspx">Teachers Information Files</a></li>
<li><a href="adminarchivestud.aspx">Students Information Files</a></li>
</ul>
</li>
<li><a href="#" style="cursor:default"><asp:Label ID="oras" runat="server" Text="Label" style="cursor:default"></asp:Label></a></li>
</ul>
</nav>