Таблица не отображает границы - PullRequest
Новая
       40

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

0 голосов
/ 19 сентября 2009

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

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

Ответы [ 6 ]

3 голосов
/ 19 сентября 2009

Это работает для меня, если вы используете html-тег вокруг текста и заменяете свои кавычки фактическими "или" (вы используете ", что не совпадает. Посмотрите внимательно"! = ")

3 голосов
/ 19 сентября 2009

Вам не хватает открывающего тега <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 может мгновенно идентифицировать подобные проблемы.

1 голос
/ 19 сентября 2009

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

1 голос
/ 19 сентября 2009

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

<!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>
1 голос
/ 19 сентября 2009

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

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

table { border-collapse: collapse; }

1 голос
/ 19 сентября 2009

Это весь документ?

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

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...