Question

我有一个在photoshop中制作的布局，我正在尝试将其切片并将其放入桌面布局中。我正在尝试使用如下所示的表格进行布局： http://imgur.com/eKndd.gif

但是当我标记表格时，所有单元格的宽度似乎都不正确，而不是我想要的。

我的标记是：

<table width="950" border="1">
  <tr>
    <td colspan="2" rowspan="3" width="268" height="251">rotating pic</td>
    <td colspan="2" width="682" height="150">banner</td>
  </tr>
  <tr>
    <td colspan="2" width= "682" height="48">top nav</td>
  </tr>
  <tr>
    <td width="404" height="54">filler</td>
    <td rowspan="2" width="278" height="533">right bar</td>
  </tr>
  <tr>
    <td width="191" height="479">left bar</td>
    <td colspan="2" width="481">content</td>
  </tr>
</table>

细胞需要具有特定宽度和高度的图像，但在渲染时，没有任何宽度是正确的。我究竟做错了什么？请帮忙。感谢。

Answer 1

您的高度对于您期望的布局而言太高，同样对于您的横幅，顶部导航和填充物的高度相同，您实际上必须使它们的高度属性相同...

另外，不要沮丧，但我可能建议不要做基于表格的布局吗？你应该考虑使用CSS。

Answer 2

布局不是HTML的功能。这就是样式表的用途。有了这个说你的代码将完全无法访问。这意味着，如果您的代码适用于美国或英国的任何类型的业务，则对歧视诉讼持开放态度。除了可访问性失败之外，您的页面代码将会严重膨胀，并且会浪费您的带宽和用户的时间。

我的建议是不要使用HTML进行布局。练习分离标记和表示。不要使用任何具有任何美观目的的属性，例如：width，height，border，cellpadding，cellspacing等。

让您的用户受到极大的欢迎，不要使用标记进行演示。

Answer 3

我看到有两种可能性

1）您添加的图像不会调整为您想要适合的尺寸。

2）使用标签添加图像时，请尝试明确设置高度和宽度。试试这个 HTML IMAGE LINK TUTORIAL

如果你是新手，那么尝试使用DIV进行布局，表格是老式的。

Answer 4

我们可以看到包含图片的代码吗？我建议取出高度和宽度，将图像放入，然后用高度/宽度来玩，以达到您的喜好。你的布局看起来过于复杂。您可以使用更简单的3列布局并将整个标题视为一个元素吗？

如何为HTML表格布局设置特定宽度？

4 个答案: