表格不显示边框

下面的代码应该显示包含单元格边框的表格，但它不会显示边框。任何想法为什么？表格不显示边框

<head> 
<meta http-equiv=“content-type” content=“text/html; charset=ISO-8859-1” /> 
    <style type=“text/css”> 
    td, th {border: 1px solid black;} 
    </style> 
<title>Testing Tony’s Travels</title> 
</head> 
<body> 
<table> 
    <tr> 
    <th>City</th> 
    <th>Date</th> 
    <th>Temperature</th> 
    <th>Altitude</th> 
    <th>Population</th> 
    <th>Diner Rating</th> 
    </tr> 
    <tr> 
    <td>Walla Walla, WA</td> 
    <td>June 15th</td> 
    <td>75</td> 
    <td>1,204 ft</td> 
    <td>29,686</td> 
    <td>4/5</td> 
    </tr> 
    <tr> 
    <td>Magic City, ID</td> 
    <td>June 25th</td> 
    <td>74</td> 
    <td>5,312 ft</td> 
    <td>50</td> 
    <td>3/5</td> 
    </tr> 
</table> 
</body> 
</html>

来源

2009-09-18 SourceC

，如果你使用的HTML标签在你的文字，并与实际更换您的报价它为我“或”（你正在使用”，这是不一样的。仔细一看”！=“）

来源

2009-09-18 20:30:41

我已经替换了引号，它现在可以运行 - 耶。谢谢大家 – SourceC 2009-09-18 20:41:19

请注意，截至2013年2月15日，doctype.com已关闭。[详细了解它]（http://blog.doctype.com/doctype_is_closing_on_the_14th_1）。 – Krease 2014-02-18 05:20:25

删除了对doctype.com的引用。谢谢 – 2014-02-18 18:47:20

这是整个文档吗？

如果是，你可能要添加的文件类型和HTML标签。

来源

2009-09-18 20:29:07 jeroen

我中省略DOCTYPE和搞砸了这里粘贴代码，当打开HTML标签。代码来自http://headfirstlabs.com/books/hfhtml/code/HFHTML_ch13.zip – SourceC 2009-09-18 20:35:01

你缺少一个左<html>标签;这仅仅是从你的代码复制/粘贴到这里的事故吗？此外，修复行情在meta和style标签：

<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
和
<style type="text/css">

添加适当DOCTYPE可能是一个好主意太，虽然你会得到边框显示从做出上述修复。

以供将来参考，运行通过W3C Validator或HTML Tidy你的HTML可以立即识别这样的问题。

来源

2009-09-18 20:29:54 Donut

我在这里粘贴代码时忽略了DOCTYPE并弄乱了打开HTML标记。代码来自http://headfirstlabs.com/books/hfhtml/code/HFHTML_ch13.zip – SourceC 2009-09-18 20:37:21

它在IE6，IE7，IE8，FF3和Chrome 3中为我显示边框，但边框分别位于每个单元格周围。

如果你想在边界出现连接，只需添加这在你的风格标签：

table { border-collapse: collapse; }

来源

2009-09-18 20:30:47

我的意思是说，单个细胞周围没有任何边界 – SourceC 2009-09-18 20:36:15

您的双引号是不正确的双引号。尝试

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" /> 
<head> 
    <style type="text/css"> 
    td, th {border: 1px solid black;} 
    </style> 
<title>Testing Tony’s Travels</title> 
</head> 
<body> 
<table> 
    <tr> 
    <th>City</th> 
    <th>Date</th> 
    <th>Temperature</th> 
    <th>Altitude</th> 
    <th>Population</th> 
    <th>Diner Rating</th> 
    </tr> 
    <tr> 
    <td>Walla Walla, WA</td> 
    <td>June 15th</td> 
    <td>75</td> 
    <td>1,204 ft</td> 
    <td>29,686</td> 
    <td>4/5</td> 
    </tr> 
    <tr> 
    <td>Magic City, ID</td> 
    <td>June 25th</td> 
    <td>74</td> 
    <td>5,312 ft</td> 
    <td>50</td> 
    <td>3/5</td> 
    </tr> 
</table> 
</body> 
</html>

来源

2009-09-18 20:31:52 easement

thanx mate.It现在工作 – SourceC 2009-09-18 20:41:54

我只测试了IE6（对不起 - 我不是我的机器上），但我觉得你的文本编辑器中插入了“智能引号”周围的双引号中的字符串，而不是直的人。好像只是风格上的变化，但它是一个不同的字符（& ldquo; \ & rdquo;的，而不是& QUOT;）。当我替换它们时，它渲染了边框。

来源

2009-09-18 20:36:23

表格不显示边框

回答

相关问题