css - 菜单作为水平无序列表或表格?

标签 css cross-browser

我有一个无序列表,水平显示为页面的顶部菜单栏。我已经让它显示得相对较好,尽管我一直在调整 IE6 和 IE7 的间距,因为它无法正常显示。令人震惊。无论哪种情况,使用表格来显示菜单还是使用一些CSS hack(我找不到解决方法)会更好吗?显示菜单的最佳方式是什么?我应该使用自己的无序列表添加一些具有下拉菜单的选项。

最佳答案

查看List-a-matic ,它有许多不同的菜单模板,您可以将其用作基础。

可以使用css和无序列表显示简单的水平列表

HTML

<div id="navcontainer">
 <ul id="navlist">
  <li id="active"><a href="#" id="current">Item one</a></li>
  <li><a href="#">Item two</a></li>
  <li><a href="#">Item three</a></li>
  <li><a href="#">Item four</a></li>
  <li><a href="#">Item five</a></li>
 </ul>
</div>

CSS

#navlist li
{
display: inline;
list-style-type: none;
padding-right: 20px;
}

关于css - 菜单作为水平无序列表或表格?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2042661/

相关文章:

div 中图像的 CSS 垂直对齐

html - 使 <body> 和 <html> 标签成为页面的 100%

testing - 有没有一个离线软件可以在不同的浏览器中测试一个网站?

javascript - Angular 2 上的重置表格

javascript - 如何在按钮的帮助下使用 html、css 和 javascript 重定向网页

javascript - 本地网站跨浏览器测试器

html - 为什么 chrome 和 firefox 忽略这个多选择器 CSS 规则?

javascript - 工具提示(标题 ="...")不会在 Firefox 中显示

css - 跨浏览器模糊背景?

html - 通过 css 将主菜单项替换为子菜单项?