如何集中导航栏标签?

时间:2015-05-05 20:01:18

标签: html css navigation

我一直试图将这些导航标签集中在一起,但我无法从代码中发现我的错误。此外,它们并非作为链接出现。即使他们没有真正的地址,但我不能“点击”他们。这可能是非常简单的事情,但我无法找到它。我试图改变从左到中的浮动,但它没有任何区别。代码仍然错过了悬停等等,但我可以自己添加。如果有人可以帮助这个无望的初学者编码器,请先谢谢你。

这是我的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; 
}

0 个答案:

没有答案