HTML таблицы TDS и TR исчезают - PullRequest
Новая
       23

HTML таблицы TDS и TR исчезают

2 голосов
/ 27 августа 2011

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

<table border="0"> 
<tbody> 

<tr class="chatline" style="background:white;border-style:none;border-top:1px solid grey;padding:0px;"> 
<td style="background:#A0D7FF;margin:0px;width:1%;"><span style="padding:2px;background:#A0D7FF;color:black;height:100%;border-right:1px solid grey;">kpsuperplane</span></td> 
<td style="color:black;background:white;"><span style="color:black;padding:2px;">test</span></td> 
</tr> 
<tr class="chatline" style="background:white;border-style:none;border-top:1px solid grey;padding:0px;"> 
<td style="background:#A0D7FF;margin:0px;width:1%;"><span style="padding:2px;background:#A0D7FF;color:black;height:100%;border-right:1px solid grey;">kpsuperplane</span></td> 
<td style="color:black;background:white;"><span style="color:black;padding:2px;">test</span></td> 
</tr> 
</tbody>
</table>

Однако, когда я просматриваю его с помощью инструментов dev в chrome, я получаю это:

 <table border="0"> 
    <tbody> 
    <span style="padding:2px;background:#A0D7FF;color:black;height:100%;border-right:1px solid grey;">kpsuperplane</span>
<span style="color:black;padding:2px;">test</span>
   <span style="padding:2px;background:#A0D7FF;color:black;height:100%;border-right:1px solid grey;">kpsuperplane</span>
<span style="color:black;padding:2px;">test</span>
    </tbody>
    </table>

Есть идеи, почему это происходит?ТД и ТР автоматически удаляются из документа, когда они отображаются.И это не специфично для хрома.Живой код в Dreamweaver дает тот же удивительный результат.Фото ниже:

Td's and Tr's gone

Ответы [ 3 ]

2 голосов
/ 27 августа 2011

Я проверил это в jsfiddle, и это не проблема. Я также проверил его в моей собственной среде (Chrome), и он отлично работает. Попробуйте найти незамкнутый тег в коде над таблицей.

Edit:

Вставьте код в валидатор w3c http://validator.w3.org/check. Я нашел 13 ошибок / предупреждений в html. Проверьте ошибки и конкретные номера строк.

Я обнаружил, что у вас есть div теги в table, но они не заключены в tr. Я уверен, что вы сможете найти остальное в выходных данных валидаторов.

1 голос
/ 27 августа 2011

Согласно вашему jsfiddle: у вас есть простая ошибка в структуре HTML, вот копия вставки; 

 </tr> 
</table> 
</div> 

<tr class="chatline" style="background:white;border-style:none;border-top:1px solid    grey;padding:0px;">

Вы закрываете таблицу, а затем не открываете ее. Ctrl + F и тип / таблицы. Я предлагаю вам пройтись внимательно и сделать правильный HTML;)

0 голосов
/ 27 августа 2011

Извините, это не ответ, но он не позволит мне комментировать.

Я попробовал тот же код в Chrome, используя Dev Tools, он показывает мне tr и td, так что я не тот, что происходит в вашем случае. Я вложил код выше в теги html и body.

...