Неправильно отображаются таблицы в материале. Что делать?

голоса: 0

Здравствуйте. Редактирую файл в html. Вставил таблицу. Код:

<table align="center" border="1" cellpadding="1" cellspacing="1" style="width:500px;">
    <tbody>
        <tr>
            <td>
            <h1 <!—заполнено—></h1>
            </td>
            <td>
            <h1><!—заполнено—></h1>
            </td>
            <td>
            <h1>&nbsp;</h1>
            </td>
            <td style="text-align: center;">
            <h1><!—заполнено—></h1>
            </td>
            <td>
            <h1><!—заполнено—></h1>
            </td>
        </tr>
        <tr>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
        </tr>
    </tbody>
</table>

 

В визуальном редакторе отображается таблица с пятью столбцами.  Но когда просматриваю в браузере страницу с отредактированным файлом, то вижу таблицу с одним столбцом. Что я сделал неправильно?

Адрес сайта https://equilibri.ucoz.net/
| Автор: | Категория: Дизайн сайта

Ответов: 1

голоса: 0
 
Лучший ответ
вам нужно полностью восстановить дизайн сайта, особенно глобальный блок верхняя часть сайта. у вашегосайта 12 голов и ошибки в коде, несовместимые с нормальным отображением
| Автор:
Выбор ответа лучшим | | Автор: Lorem Ipsum

Большое спасибо за ответ! Можно подробнее: какие именно ошибки в коде несовместимы с нормальным отображением? 

Если я правильно Вас понял насчёт двенадцати голов, то подправил верхнюю часть, закомментировав все, кроме трёх.

вы закомментировали не то. дайте код верхней части
webanet,
Вот он: <header>   <title></title> $AJAX_JS$ $AJAX_JS$ $AJAX_JS$ $AJAX_JS$ $AJAX_JS$ $AJAX_JS$ $AJAX_JS$ $AJAX_JS$ <h1></h1> $AJAX_JS$ $AJAX_JS$ $AJAX_JS$ $AJAX_JS$ $AJAX_JS$ $AJAX_JS$ $AJAX_JS$ $AJAX_JS$ $AJAX_JS$ $AJAX_JS$ $AJAX_JS$ $AJAX_JS$ $AJAX_JS$ $AJAX_JS$ $AJAX_JS$ $AJAX_JS$ $AJAX_JS$ $AJAX_JS$ $AJAX_JS$ $AJAX_JS$ $AJAX_JS$   <style> #site-logo   </style> $AJAX_JS$ <div id="header">         <div class="wrapper clearfix"> <div id="site-logo"><span class="site-l"><span class="site-n"><a href=https://equilibri.ucoz.net/_ld/0/7_9BD3CB8B-189E-4.jpeg class="cnt-ulb-img"> <img src=https://equilibri.ucoz.net/_ld/0/7_9BD3CB8B-189E-4.jpeg width="120" height="160"></a><p font size="100"><a                     href="https://natworld.info/zhivotnye/knizhnaya-vosh-ili-knizhnyjj-senoed">Книжная Вошь</a></p><p><sub> <a href="https://equilibri.ucoz.net"> ></a></sub></p><!--<p><sub><a href=https://equilibri.ucoz.net/_ld/0/6_7D8DB102-2001-4.jpeg> <img src=https://equilibri.ucoz.net/_ld/0/6_7D8DB102-2001-4.jpeg width="60" height="80"></a></sub></p>--><h3><!--<a href="https://equilibri.ucoz.net/news/2019-00">Календарь </a></h3>  <h2><a href="https://equilibri.ucoz.net/load/">Библиотека </a></h2>  <h2><a href="https://equilibri.ucoz.net/publ/">Статьи</a></h2> <h2><a href=https://equilibri.ucoz.net/photo/>Галерея</a></h2> <h2><a href="https://equilibri.ucoz.net/index/0-2">Информация о сайте</a></h2> <h2><a href=https://equilibri.ucoz.net/news/2019-07>Архив записей</a></h2> <h2><a href=https://equilibri.ucoz.net/forum/>Форум</a></h2><h2><a href=https://equilibri.ucoz.net/index/0-3>Пишите нам!</a></h2><form>   <input type="search">   <input type="submit" value="Найти">--> </form></span></span></div>             <nav>                <!-- <div id="catmenu" class="clearfix">-->                      <sblock_nmenu>  <?if($NMENU_1$)?><!-- <bc> -->$NMENU_1$<!-- </bc> --><?endif?>  </sblock_nmenu>                  </div>             </nav>         </div>     </div> </header>    offtop: таблицы в первом крнтейнере отображаются правильно.

это надо удалить

<header>   <title></title> $AJAX_JS$ $AJAX_JS$ $AJAX_JS$ $AJAX_JS$ $AJAX_JS$ $AJAX_JS$ $AJAX_JS$ $AJAX_JS$ <h1></h1> $AJAX_JS$ $AJAX_JS$ $AJAX_JS$ $AJAX_JS$ $AJAX_JS$ $AJAX_JS$ $AJAX_JS$ $AJAX_JS$ $AJAX_JS$ $AJAX_JS$ $AJAX_JS$ $AJAX_JS$ $AJAX_JS$ $AJAX_JS$ $AJAX_JS$ $AJAX_JS$ $AJAX_JS$ $AJAX_JS$ $AJAX_JS$ $AJAX_JS$ $AJAX_JS$   <style> #site-logo   </style> $AJAX_JS$

webanet,

Готово, удалил. Теперь код начинается так:

<div id="header">
        <div class="wrapper clearfix">
<div id="site-logo"><span class="site-l"><span class="site-n"> и т. д.

Но по-прежнему имею на странице материала (Главная > файлы > мои файлы): https://postimg.cc/gallery/2vf5z81xm/

по вашей картинке я не нашла материал с проблемой
webanet,

Извините, вот ссылка на страницу материала: https://equilibri.ucoz.net/load/spisok_opechatok/1-1-0-2

Причем, повторюсь, таблицы в первом контейнере отображаются корректно.

я смотрю ваш сайт как гость и не вижу неактивных материалов.
webanet,

Совсем упустил из виду. Теперь активировал его (посмотрел глазами гостя и увидел): https://equilibri.ucoz.net/load/spisok_opechatok/1-1-0-2

(Заполненные ячейки должны помещаться в первой строке, каждая в своем столбце).

 

у вас резиновая таблица. на нормальных экранах она выглядит нормально. а на узких она перестраивается. у меня вопрос. зачем вы везде куда дотягиваетесь лепите тег h1? из-за него ваш сайт и все элементы выглядят странно. вот как я вижу вашу таблицу

webanet,
Спасибо, разобрался! Все было так просто, и никакой проблемы на самом деле и не было! Вопрос снимается. Насчёт злоупотребления тегом подумаю, возможно, где-то он действительно лишний — спасибо за замечание; в данном случае применяю его потому, что набранный текст действительно будет заголовком (хотя <h2> был бы уместнее, исправлю)— в следующих строках таблицы поставил бы <p>.
...