Границы таблицы не отображаются в HTML4 + - PullRequest
Новая
       30

Границы таблицы не отображаются в HTML4 +

0 голосов
/ 03 апреля 2012

У меня возникла другая проблема, на этот раз с таблицами и их границами в HTML (4.01, 5.0)

Примечание: все коды взяты из w3schools.com

При использовании этого кода: 

<h4>One row and three columns:</h4>
<table border="1">
<tr>
  <td>100</td>
  <td>200</td>
  <td>300</td>
</tr>
</table>

Все правильно отображается в браузере (FF, IE, Opera, Chrome), но когда border="1" изменяется на style="border: 1px;", границы и стенки ячеек исчезают.Я не могу найти причину, но использование style дает мне драгоценное подтверждение.

Это мои основные разделы файла: 

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-type" content="text/html;charset=UTF-8">
<title>
Title of the document
</title>
<style type="text/css">
body {background-color:teal;}
</style>
</head>

Я надеюсь, что кто-то здесь знает, в чем проблема... Вот результаты с классическими border и style:

http://www.free imagehosting.net/pyk3e << border="1"

http://www.free imagehosting.net/cw98o << style="border: 1px solid black;" for cells too

Ответы [ 4 ]

3 голосов
/ 03 апреля 2012

Возможно, вам придется определить границу, возможно, указав тип и цвет, попробуйте использовать: 

style='border: 1px solid black;'
2 голосов
/ 03 апреля 2012

Вам может понадобиться border: 1px solid;. Одних пикселей недостаточно, вы должны указать браузеру, что с ними делать. :)

Но помните , что если вы используете <table style="border: 1px solid">, это создаст границу вокруг TABLE , а не ячеек в таблице .

Вам также необходимо указать границу для ячеек.

Возможно, вам следует просто указать таблицу стилей: 

<style type="text/css">
  TABLE, TD {
    border: 1px solid;
  }
</style>

Или даже, идентифицируйте свою таблицу или блоки TD с ID или классом, а затем используйте это в своей таблице стилей, чтобы не влиять на другие невинные таблицы прохожих.

1 голос
/ 03 апреля 2012

Вам также нужен цвет границы. 

style="border:1px solid #aaa;"

, так что вы фактически устанавливаете border-size, border-style и border-color

W3school

0 голосов
/ 03 апреля 2012

Как говорили другие, вам нужен цвет границы: 

style="border:1px solid #000;"

Кроме того, свойство style будет применяться только к тегу таблицы.Если вы хотите, чтобы клеточные стенки тоже появлялись, стиль должен применяться к тэгам td.

...