1
我一直在爲此工作一週。我更願意在我伸出手之前嘗試自己，但我認爲那是時候。我有一個CSS圖像水平菜單。我可以讓圖像在精靈周圍移動，但是我不知道高度和x是否正確對齊。有人能告訴我我做錯了什麼嗎？ Fiddler這裏使用CSS定位問題
謝謝你，在先進的任何幫助，您可以提供必要的
body{
margin: 0px 0px 0px 0px;
width: auto;
background-color: #ebebeb;
font-family:Tahoma, Geneva, sans-serif;
color:#900;
}
a{
text-decoration: none; \t
color: inherit;
}
.clear {
clear: both;
}
.displace {
position: absolute;
}
#phc_header{
margin: 0px 0px 0px 0px;
background-image: url(../images/bk_tile.png);
background-color: #ebebeb;
height: 145px;
width: Auto;
}
.phc_logo{
padding-left: 50px;
height: 145px;
width: 605px;
}
#phc_navigation{
margin: 0px 0px 0px 0px;
background-image: url(../images/phc_nav_bk.png);
background-color: #ebebeb;
height: 43px;
width: Auto; \t
font-weight: lighter;
font-size: 16px;
font-family: Tahoma, Geneva, sans-serif;
}
/*--- Navigation height 43px; ---*/
#phc_navigation ul{
height: 43px;
list-style-type: none;
}
#phc_navigation li{
height:auto;
margin-top: 11px;
float: left;
list-style-type:none;
white-space: nowrap;
}
.phc_nav_div{
float:left;
width:4px;
height:43px;
background-image: url(../images/phc_nav_split.png);
}
#phc_navigation li a{
display: block;
height: 43px;
font-size: 16px;
font-weight: normal;
text-transform: uppercase;
color: #909090;
}
#phc_navigation li a:hover{
margin-bottom: 11px;
text-align: center;
background-image: \t url(../images/phc_nav_bk.png);
background-position: 0px 86px;
color: #dedede;
}
#phc_crumb{
background-color: #ebebeb;
height: 10px;
width: Auto; \t
}
#phc_main{
background-color: #ebebeb;
height: : 100%;
width: Auto;
}
#phc_footer{
background-image: url(../images/phc_footer_bk.png);
background-color: #ebebeb;
height: 239px;
width: Auto; \t
}<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Paris-Henry County dot COM</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link rel="icon" type="image/png" href="favicon/favicon.ico" />
</head>
<body>
<div id="phc_header"><a href="index.php"><img src="images/logo.png" class="phc_logo"></a></div>
<div>
<div class="clear"> </div>
<ul id="phc_navigation">
<div class="phc_nav_div"> </div>
<li class="phc_home_link"><a href="Home" title="Home">Home</a></li>
<div class="phc_nav_div"> </div>
<li class="phc_login_link"><a href="Login" title="Login">Login</a></li>
<div class="phc_nav_div"> </div>
<li class="phc_logoff_link"><a href="logoff" title="Log Off">Log Off</a></li>
<div class="phc_nav_div"> </div>
<li class="phc_register_link"><a href="Register" title="Register">Register For An Account</a></li>
<div class="phc_nav_div"> </div>
<li class="phc_myaccount_link"><a href="account" title="My Account">My Account</a></li>
<div class="phc_nav_div"> </div>
<li class="phc_publish_link"><a href="publish" title="Home">Publish Your Ad!</a></li>
<div class="phc_nav_div"> </div>
</ul>
</div>
<div id="phc_shadow"></div>
<div id="phc_search"></div>
<div id="phc_crumb"></div>
<div id="phc_main"><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /></div>
<div id="phc_footer"></div>
</body>
</html>
謝謝SOOOO得多。我不敢相信這就是這麼簡單。我敬畏你的偉大;） – DevilDawg