0
ナビゲーションバーのリンクをクリックできません。私はどこでもオンラインでチェックして、人々がhrefのリンクを参照しているのと同じように私は何をしているのか分かります。ナビゲーションリンクをクリックできない
<div class="Navigation">
<asp:ContentPlaceHolder ID="ContentPlaceHolder2" runat="server">
<ul>
<li><a href="SplashPage.aspx"></a> Home</li>
<li><a href="Customer/Register.aspx"></a>Register</li>
<li><a href="Customer/Login.aspx"></a>Login</li>
<li>Customer
<ul>
<li> <a href="Customer/HomePage.aspx"></a>Make an Order</li>
</ul>
</li>
<li>Employee
<ul>
<li><a href="Employee/Modifications.aspx"></a>Modify Menu</li>
<li><a href="Employee/PaymentStatus.aspx"></a>Payment Status</li>
<li><a href="Employee/Reports.aspx"></a>Report</li>
</ul>
</li>
</ul>
<br />
<br />
<br />
</asp:ContentPlaceHolder>
</div>
以下はCSSです。私は、CSSで何かが私はあなたのコードが動作しているリンク
ul {
list-style: none;
}
li {
background-color: yellow;
width: 150px;
height: 30px;
text-align: center;
float: left;
color:black;
position:relative;
border-radius:10px;
}
/*when you hover over the link it is green*/
li:hover {
background-color:greenyellow;
}
/*adjust the submenus*/
* {
margin:0px;
padding:0px;
}
/*hide submenus*/
ul ul{
display:none;
}
/*when submenus are hovered over they are white*/
ul li li:hover {
background-color:white;
}
/*make submenus appear when thier parent menu is hovered over*/
ul li:hover > ul {
display:block;
}
ul ul ul {
margin-left:150px;
top: 0px;
position:absolute;
}