css - 尽管使用 HTML Tidy，导航菜单仍无法正常工作

Question

我正忙于让导航菜单在我的网页上正常工作。我像另一篇文章中有人建议的那样使用 HTML Tidy 更正了错误，然后我输入了我想使用的导航栏的 CSS 代码。起初菜单根本没有显示，但我的布局仍然像以前一样完好无损。所以我再次进行了 HTML Tidy 以查看是否需要清理 HTML。当我这样做时，导航菜单 DID 出现了，但我的布局完全不合时宜。我只是好奇，如果由于我布局的性质，我希望我的导航菜单位于图形横幅上方，是否这就是它无法正常工作并且完全不正常的原因。

在执行 HTML Tidy 并显示菜单后它对我的页面所做的示例:

http://veterinarycare.atspace.cc/index3.html

我的页面通常应该是什么样子的示例:

http://veterinarycare.atspace.cc

这太令人抓狂了，因为我似乎无法弄明白。我尝试使用看似非常简单的 CSS 导航菜单，但它无法正常工作。有什么帮助吗？

Answer 1

您正在从事许多无法通过整理 HTML 来解决的不良做法。

在我的快速扫描中，最严重的问题是:

<div class="extra">
  <span><img src="images/header-img.png" class="png" alt=""></span>
</div>

.extra 的命名约定没有意义，使用 <span>是多余的，.png类(class)很奇怪。

您只需要学习更好的 HTML/CSS 实践，然后再试一次。看点书，学习一下Twitter Bootstrap ，并在遇到特定且明确定义的问题时依靠 StackOverflow。