• Решено danunahren

    (@danunahren)


    делаю таблицу в html и в редактрое она выглядит нормально —
    http://uploads.ru/?v=VT5Uw.png

    нажимаю «просмотреть» и она выглядит так —
    http://uploads.ru/?v=XaMmN.png

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

    или может без плагинов таблицу в wordpress не сделать?

Просмотр 15 ответов — с 1 по 15 (всего 24)
  • Видимо, редактор и сайт используют разные css

    Видимо, редактор и сайт используют разные css

    и как с этим бороться?
    а может это он по кнопке «просмотреть» просто такое выдаёт, а когда опубликую материал то таблица будет как в редакторе? не?

    а когда опубликую материал то таблица будет как в редакторе?

    А попробовать? Откуда ж мне-то знать, это ваш сайт.

    и как с этим бороться?

    Привести файлы в соответствие друг с другом.

    Привести файлы в соответствие друг с другом.

    как это сделать? попробовал публикануть — то же самое, как и в режиме просмотреть. то есть ни рамки не отображаются и растягивается на всю ширину.

    что редактировать я должен? почему то рамок у таблиц совершенно нет.

    задаю так —

    <table width="90%" border="1" cellspacing="0" cellpadding="15">

    Рекомендую задавать форматирование через style.css.

    Рекомендую задавать форматирование через style.css.

    ну и как это сделать?
    если не трудно напишите как задаётся форматирование таблицы в css.
    вот например такая таблица будет у меня —

    ---------------------
    <table border="1" cellspacing="0" cellpadding="10">
    <tbody>
    <tr>
    <th>Заголовок</th>
    <th>Заголовок</th>
    <th>Заголовок</th>
    </tr>
    <tr>
    <td>Текст</td>
    <td>Текст</td>
    <td>Текст</td>
    </tr>
    <tr>
    <td>Текст</td>
    <td>Текст</td>
    <td>Текст</td>
    </tr>
    </tbody>
    </table>
    -----------------------------

    Как и для других элементов. Указываете для неё class=red, а потом в файле стилей пишете .red{border:1px solid black} и всё, что ещё хотите.

    спасибо. чичас попробую.

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

    бесполезно. ничего в этом css не задаётся. пофигу, хоть ставишь бордюр и цвет — ничего на сайте не отображается.

    Значит, ищите ошибку в теме. Видимо, где-то задан альтернативный вариант с более высоким приоритетом.

    Значит, ищите ошибку в теме. Видимо, где-то задан альтернативный вариант с более высоким приоритетом.

    объясните хоть тогда для какого элемента искать этот более высокий приоритет. в теме есть ещё файл screen.css и там прописано такое —

    ------------------
    table {border-collapse:separate;border-spacing:0;}
    caption, th, td {text-align:left;font-weight:normal;}
    table, td, th {vertical-align:middle;}
    blockquote:before, blockquote:after, q:before, q:after {content:"";}
    blockquote, q {quotes:"" "";}
    ------------------

    может это как то влияет?

    Советую искать не по файлам, а плагинами для просмотра стиля элемента. Например, в Firefox для этих целей есть кнопка Исследовать.

    Советую искать не по файлам, а плагинами для просмотра стиля элемента. Например, в Firefox для этих целей есть кнопка Исследовать.

    ну есть у меня файербаг.смотрю им указывает на эту же ерунду в screen.css —

    ----------------------------
    html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
    
    body {line-height:1.5;}
    
    table {border-collapse:separate;border-spacing:0;}
    caption, th, td {text-align:left;font-weight:normal;}
    table, td, th {vertical-align:middle;}
    ----------------------------

    может быть влияет первая запись по которой для всех перечисленных элементов идёт правило margin:0;padding:0;border:0; ?

    я если смотрю через «исследовать элемент» то показывает такое —

    <table border="”1″" cellpadding="”0″" cellspacing="”0″" width="”50px”">
    <tbody>
    <tr>
    <td>Ячейка1</td>
    <td>Ячейка2</td>
    <td>Ячейка3</td>

    и кавычка лишняя в параметрах почему то.

    Не рекомендуется использовать атрибуты в тегах. Повысить приоритет своего атрибута в css можно добавив к нему !important перед точкой с запятой.

Просмотр 15 ответов — с 1 по 15 (всего 24)

Тема «Как сделать таблицу без плагинов?» закрыта для новых ответов.