Html 网站模板未正确装配在一起

我正在设计一个网站，我正在制作一个简单的导航栏。“家、画廊、关于我们的事等等……”

无论如何，当我开始对导航栏进行编码时，“主页、图库、关于我们的信息等”链接之间会有间隙，假设没有间隙，并且从头到尾都是连接的那么我的问题是为什么会发生这种情况？应该是这样的：

  ----------------------------------
  |home|about us|gallery|contact us|
  ----------------------------------

相反，我得到：

   -----   ----------  -------- -----------
   |home   |about us|  gallery| contact us|
   -----   ----------  -------- -----------

这是我在不显示真实页面的情况下所能做的最好的事情，所以希望这些示例足够了。我尝试了所有的方法，所有的按钮都是128 x 58像素，我也尝试了许多不同的方法来设置桌子的宽度和高度，我只是不知道为什么会有这些间隙我可能做错了什么？为了让事情更清楚、更容易理解，这里是指向我的导航栏的链接

代码如下：

Html

<ul id="menu">
    <li>home</li>
    <li>about us</li>
    <li>gallery</li>
    <li>contact us</li>    
</ul>

---

示例：

使用您在上述评论（krat0s.x10.mx）中发布的链接，这是因为您没有将

单元格填充

和

单元格间距

设置为

0

对于包含导航栏的表格，请将开始表格标记更改为

<table width="55%" height="58" cellspacing="0" cellpadding="0">

这是一个快速解决方案，但我可能会建议您不要在布局中使用表格，除非您打算显示表格数据，因为这是一种不好的做法，如果大多数web设计师不赞成，请注意使用除法

和列表：

<ul>
    </li></li>
<ul>

与Samich的建议类似，学习如何以这种方式编码可能需要更多的时间，但这是一种更好的方法

为您提供一些链接

-将教您大多数不同的标签及其用法，以及一些基本教程

-我更多地使用它来练习PHP，但他们有一些HTML教程

很抱歉，我不能提供更多的链接，因为我学习HTML和CSS的方式主要是从随机教程和跟踪和错误中获得的，这是多年前的事了。对于无表布局，您需要查看CSS属性：

float

清除

和

位置

。快速打开一系列教程，您可以尝试

---

祝你好运！：）

我会尝试将

cellspacting=“0”

和

cellapdding=“0”

添加到您的表标记中。这应该是关键

 <table width="55%" height="58" cellspacing="0" cellpadding="0">

hth

试试这个：

table {
    border-collapse: collapse;
    border-spacing: 0;
}

如果它不起作用，那么可能是

的填充：

然后做：

td {
    padding: 0;
}

如果无法解决问题，则应用所有这些方法：

table, td {
    border-collapse: collapse;
    border-spacing: 0;
    padding: 0;
}

正如Rawb92所建议的，避免使用表格进行布局。

---

在您的情况下，列表是导航中语义更正确的标记。

这与我试图做的完全不同。如果您阅读您的问题，您需要在导航栏上创建按钮，并且按钮之间没有任何间隙。这就是我在示例中所做的。如果我错了，请澄清一下。这会让你更容易理解，这就是我正在做的。所以你需要把我写的东西和你的背景放在一起。但是它没有图像，可能需要一些调整代码在哪里？我们只是想猜测问题可能是什么，这样你就可以告诉我们“这和我想做的完全不同”？是的，我可以，因为这和我想做的完全不同，而且我怀疑你甚至不知道从哪里开始谢谢，我会接受你的建议，你完美地解决了我的问题。@nastyn8嗨，我真的不能提出任何建议，因为我自己没有使用任何建议，不过我已经用了几个链接更新了我的答案，祝你好运：）

table, td {
    border-collapse: collapse;
    border-spacing: 0;
    padding: 0;
}