Таблица не отображает границы

Следующий код должен отображать таблицу с границами вокруг ячеек, но это не так. Любая идея почему?Таблица не отображает границы

<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

Я заменил кавычки, и теперь он работает - yay. Спасибо всем – SourceC

В качестве примечания, doctype.com закрыт по состоянию на 15 февраля 2013 года. [Подробнее об этом] (http://blog.doctype.com/doctype_is_closing_on_the_14th_1). – Krease

Удалена ссылка на doctype.com. Спасибо –

Это целый документ?

Если это так, вы можете добавить тип документа и теги html.

источник

2009-09-18 20:29:07 jeroen

Я пропустил DOCTYPE и испортил открытие HTML-тега при вставке кода здесь. Код скопирован с http://headfirstlabs.com/books/hfhtml/code/HFHTML_ch13.zip – SourceC

Вам не хватает отверстия <html> тег; это просто случай с копированием/вставкой кода здесь? Кроме того, исправить кавычки в тегах meta и style:

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

Добавление надлежащего DOCTYPE, вероятно, хорошая идея, тоже, хотя вы получите границы для отображения от просто сделанных выше исправлений.

Для дальнейшего использования, запуск HTML через W3C Validator или HTML Tidy может мгновенно идентифицировать такие проблемы.

источник

2009-09-18 20:29:54 Donut

Я пропустил DOCTYPE и испортил открытие HTML-тега при вставке кода здесь. Код скопирован из http://headfirstlabs.com/books/hfhtml/code/HFHTML_ch13.zip – SourceC

Это показывает границы для меня в IE6, IE7, IE8, FF3 и Chrome 3, но границы вокруг каждой ячейки индивидуально.

Если вы хотите границы появляться связно, просто добавьте это в вашем стиле тег:

table { border-collapse: collapse; }

источник

2009-09-18 20:30:47

Я хотел сказать, что нет границ вокруг отдельных ячеек – SourceC

ваши двойные кавычки не являются собственно двойные кавычки. попробуйте

<!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

Я только проверил его на IE6 (извините - я не на моей машине), но я думаю, что ваш текстовый редактор вставил «умные кавычки» вокруг двойные кавычки строки, а не прямых единиц , Это похоже только на стилистическое изменение, но это другой персонаж (& ldquo; \ & rdquo; вместо & quot;). Когда я их заменил, он сделал границы.

источник

2009-09-18 20:36:23

Таблица не отображает границы

ответ

Смежные вопросы