gpt4 book ai didi

c# - 为什么我的菜单(无序列表)没有出现?包含 Menu.css

转载 作者:太空宇宙 更新时间:2023-11-04 03:00:36 28 4
gpt4 key购买 nike

我的目标是显示页眉和页脚内联表样式,您将在我的 menu.css 中看到,运行此页面时,页眉和页脚根本不会出现,但在 VS 的设计 View 中, 它们正常出现,但不是内联的。

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Home Page</title>
<link type="text/css" href="menu.css" rel="stylesheet" />
</head>
<body style="background: black; text-align: center">
<header class="menu">
<ul>
<li><a href="HomePage.aspx">Home</a></li>
<li><a href="Registration.aspx">Become a Member</a></li>
<li><a>User Information</a>
<ul class="subMenu">
<li><a href="BasicInformation.aspx">Basic Information</a </li>
<li><a href="DeliveryInformation.aspx">Delivery Infomation</a></li>
</ul></li>
<li><a href="Order.aspx">Make Order</a></li>
</ul>
</header>
<form id="form1" runat="server">
<div>
<p style="background-color: #000000">
<asp:Image ID="bsuImage0" runat="server" Height="200px" ImageUrl="~/Logo/BallStateCardinals02.jpg" class="pic" />
<asp:Label ID="messageLabel" runat="server" Text="Welcome to Ball State Pizza" Font-Bold="True" Font-Italic="True" Font-Names="Simplified Arabic" Font-Size="50pt" ForeColor="Red"></asp:Label>
<asp:Image ID="bsuImage" runat="server" Height="200px" ImageUrl="~/Logo/BallStateCardinals02.jpg" class="pic" />
</p>
</div>
</form>
<footer class="menu">
<ul>
<li><a href="Contact.aspx">Contact Us</a></li>
<li><a href="#top">Back to Top</a></li>
</ul>
</footer>
</body>
</html>

这是我的 menu.css,它为页眉和页脚中的菜单类设置样式。

body {}
.menu ul li {display: inline-table; margin-left: 100px;}
.menu ul{padding:0; text-align: center;}
.menu ul li .subMenu{display:none; width:150px;}
.menu ul li:hover > .subMenu {display: block;}
.menu ul li .subMenu li {margin:0; padding-top:5px;}
.menu ul li a{font-size:15px; text-decoration:wavy; color:white;}
.menu {font-size:15px; text-decoration:wavy; color:blue; background-color: red;}
.menu ul li {text-align: center}

最佳答案

我在 jsfiddle 上试过你的代码这就是我得到的

enter image description here

这里一切似乎都很好。

清除缓存后尝试,查看控制台错误。

关于c# - 为什么我的菜单(无序列表)没有出现?包含 Menu.css,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31396540/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com