html - CSS 似乎不影响 TD 结构

Question

我正在为一个学校元素编写一个快速站点，但我非常生疏羞愧地低下了头。我似乎无法获得影响标签或将文本居中的宽度。

我不知道为什么，但如果你能向我解释我必须做些什么才能使导航栏上的链接居中并使图像位​​于加载文本的顶部并充当标题。顺便说一句，加载应该居中但是 calc() 不喜欢我；~；

http://jsfiddle.net/MasterWhipper/6Z6z6/

<div id="navBar">
    <table id="navText">
        <tr>
            <td><div class="navTd"><a href="">Home</a></div></td>
            <td width="396px">Loading</td>
            <td><div class="navTd"><a href="">Donate</a></div></td>
            <td><div class="navTd"><a href="">About Us</a></div></td>
        </tr>
</table>
<img src="http://i.imgur.com/Y7OE90F.png" class="titleIMG"/>
</div>

注意:如果我想做的事情使用列表会更容易吗？

Answer 1

最好的想法是使用 HTML5 nav 标签，它被认为是你的导航菜单:

<nav>
<a href="/html/">Home</a> |
<a href="/css/">Loading</a> |
<a href="/js/">Donate</a> |
<a href="/jquery/">About us</a>
</nav>

这是一个适合您的问题的解决方案，而且它是当前的标准! CSS 不会有问题。

这里是关于 HTML5 nav 标签的更多信息:

http://html5doctor.com/nav-element/