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

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

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

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


7 ответов

  • 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;
            }

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

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