当前位置: 代码迷 >> ASP.NET >> 一个Li的有关问题!
  详细解决方案

一个Li的有关问题!

热度:1288   发布时间:2013-02-25 00:00:00.0
求助一个Li的问题!!
HTML code
<%@ Master Language="C#" AutoEventWireup="true" CodeFile="MasterPage.master.cs" Inherits="MasterOne_MasterPage" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head runat="server">    <title>无标题页</title><style type="text/css">a:link {text-decoration:none;}a:visited {text-decoration: none;}a:hover {text-decoration: underline;color: #FF6600;}a:active {text-decoration: none;}*{ margin:0px; padding:0px;}img{ border:0px;}li a{ list-style:none; float:left; width:100px; height:20px; margin:9px; display:block; overflow:hidden; font-size:20px; font-family:华文琥珀; color:Black; text-align:center;}li a:hover{ background:url('../IMG/BGOne-Nav.png');}</style></head><body style="display:block; overflow:hidden;">    <div style="background:url('../IMG/BGOne-One.png'); background-repeat: no-repeat; display:block; overflow:hidden; margin:0 auto; width:1010px; height:300px; display:block; overflow:hidden;">        <div style="width:1010px; height:200px; float:left; display:block; overflow:hidden;"></div>        <div style="width:985px; height:38px;float:left; background-image: url('../IMG/BGOne-Two.png'); background-repeat: no-repeat; margin-left:13px; display:block; overflow:hidden;">            <div style="float:left; overflow:hidden; display:block; width:15px; height:38px;"></div>            <ul>                <li><a href="#">首页</a></li>                <li><a href="#">首页</a></li>                <li><a href="#">首页</a></li>                <li><a href="#">首页</a></li>            </ul>        </div>    </div>    <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">    </asp:ContentPlaceHolder></body></html>

页面浏览效果


问题: li 未去点。。。
问题2:li 横排未对齐

小弟粗心由来已久 大家看看错误在哪

------解决方案--------------------------------------------------------
你应该写成
li{ list-style:none; float:left; width:100px; height:20px; margin:9px; display:block; overflow:hidden; font-size:20px; font-family:华文琥珀; color:Black; text-align:center;}


而不是li a

你可以再单独定义
li a里面的颜色等
------解决方案--------------------------------------------------------
li是容器, 你没设置对齐啊
------解决方案--------------------------------------------------------
++
探讨

你应该写成
li{ list-style:none; float:left; width:100px; height:20px; margin:9px; display:block; overflow:hidden; font-size:20px; font-family:华文琥珀; color:Black; text-align:center;}


而不是li a

你可以再单独……

------解决方案--------------------------------------------------------
li a{

==>

li{
  相关解决方案