Отображение Таблицы на странице Есть решение

Форум поддержки » Вопросы и ответы

Сделала страницу доставки с таблицей. Оформлена в тег <table></table>

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

Заранее спасибо!


23 ответа

  • 1
    Эрик Webasyst 26 октября 2015 10:34 #

    Сообщите ссылку на страницу с данным кодом, так будет проще разобраться в проблеме.

    ответить
  • 1
    Markus 28 октября 2015 04:16 #

    Не знаю то ли Вы хотите, но попробуйте так.

    <table border="1">

    Это конечно примитивно... Таблица будет сеткой

    ответить
  • 1
    Markus 28 октября 2015 04:42 #

    Чуть посложнее:

    <style type="text/css">
table#regions-list {
	background-color: #000000;
}
table#regions-list td {
	background-color: #ffffff;
}
</style>
<table border="0" cellspacing="1" id="regions-list">

    так будет выглядеть симпатичнее :)

    ответить
    • +1
      marta - marta - 28 октября 2015 04:53 #

      Спасибо! А это вставлять прямо на этой странице в HTML редакторе? просто перед текстом? или как?

      я не очень в этом понимаю, но хочу, чтобы было красиво. Заранее спасибо!

      ответить
  • 1
    Markus 28 октября 2015 04:56 #

    В редакторе переключитесь в HTML вкладку. Найдите там начало таблицы <table> и замените его на кусок кода, который я Вам дал выше. Сохранить не забудьте :)

    ответить
  • 1
    marta - 28 октября 2015 05:00 #

    Вот что получилось. Правильно? Но таблица не появилась:(

    <style type="text/css">

    table#regions-list {

    background-color: #000000;

    }

    table#regions-list td {

    background-color: #ffffff;

    }

    </style>

    <table border="0" cellspacing="1" id="regions-list">

    <tbody>

    <tr>

    <td rowspan="2"><strong>Город

    (кол-во ПВЗ)

    </strong>

    </td>

    <td rowspan="2"><strong>Тариф за первые 2 кг (руб.)<br><br></strong>

    </td>

    </tr>

    <tr>

    </tr>

    <tr>

    <td>Абакан

    </td>

    <td>Ярославль (2)

    </td>

    <td>150

    </td>

    </tr>

    </tbody>

    </table>

    <table>

    <tbody>

    </tbody>

    </table>

    ответить
  • 1
    Markus 28 октября 2015 05:16 #

    замените 

    table#regions-list {
        background-color: #000000;
}

    на 

    table#regions-list {
        background-color: #000000;
	border-spacing: 1px;
}
    ответить
  • 1
    Markus 28 октября 2015 05:25 # Решение

    Я выше дал код. У вас в CSS для таблицы обнуляется расстояние между ячейками

    ответить
    • +1
      marta - marta - 28 октября 2015 05:45 #

      вставила этот код, все равно ничего не меняется..

      ответить
      • +1
        Markus Markus 28 октября 2015 06:56 #

        я не вижу. Вижу только <table class="zebra">

        ответить
        • +1
          marta - marta - 28 октября 2015 06:59 #

          сейчас посмотрите, может я что-то не так делаю?

          ответить
          • +2
            Markus Markus 28 октября 2015 07:51 #

            Попробуйте так:

            table#regions-list {
        background-color: #000000;
        border-spacing: 1px;
	border-collapse: inherit;
}
            ответить

Добавить ответ

Чтобы добавить комментарий, зарегистрируйтесь или войдите