我一直试图将这些导航标签集中在一起,但我无法从代码中发现我的错误。此外,它们并非作为链接出现。即使他们没有真正的地址,但我不能“点击”他们。这可能是非常简单的事情,但我无法找到它。我试图改变从左到中的浮动,但它没有任何区别。代码仍然错过了悬停等等,但我可以自己添加。如果有人可以帮助这个无望的初学者编码器,请先谢谢你。
这是我的HTML:
<body>
<div>
<table cellspacing="0" cellpadding="0">
<tr>
<td>
<img id="bgimage" src="tausta3.jpg" />
<div id="content">
<p align="center">Art Portfolio by (name)</p>
</div>
<div id="nav">
<li><a href="#">Home</a></li>
<p align="center"><li><a href="#">Art</a></li></p>
<p align="center"><li><a href="#">About Me</a></li>
<p align="center"><li><a href="#">Contact</a></li>
</div>
</td>
</tr>
</table>
</div>
</body>`
我的CSS:
body {
margin:0;
padding:0;
font-family: palatino linotype;
color: white;
font-size: 50px;
}
#bgimage {
position:fixed;
left: 0;
top: 0;
z-index:1;
height:100%;
width:100%;
}
#content {
position:absolute;
left:0;
top: 0;
z-index:70;
height: 100%;
width: 100%;
}
#nav{
position: absolute;
left:100px;
top:0;
z-index: 90;
height:100%;
width: 100%;
float: left;
list-style-type: none;
color: white;
}
#ul li {
list-style-type: none;
float:left;
}