Перейти к содержимому


Отображение Таблицы


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 20

#1 prukon

prukon

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 174 сообщений
  • ГородСанкт-Петербург

Отправлено 19 Февраль 2012 - 16:24

Создал таблицу.
1.jpg
Прописал границы таблицы, а они не отображаются.
2.jpg
3.jpg

Почему? И как то починить?

#2 TAD-jik

TAD-jik

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 494 сообщений

Отправлено 19 Февраль 2012 - 16:45

Здравствуйте а зачем вам такая таблица, а через модификации не льзя что ле это сделать там также можно и проще :rolleyes:

#3 zvrv

zvrv

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 174 сообщений
  • ГородЯрославль

Отправлено 19 Февраль 2012 - 16:45

Вам необходимо задать цвет рамки, например #000. Это будет выглядеть так
<table style="border-color: #000000; border-width: 1px;" border="1">


#4 prukon

prukon

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 174 сообщений
  • ГородСанкт-Петербург

Отправлено 19 Февраль 2012 - 20:03

Просмотр сообщенияTAD-jik (19 Февраль 2012 - 16:45) писал:

Здравствуйте а зачем вам такая таблица, а через модификации не льзя что ле это сделать там также можно и проще :rolleyes:
А вы думаете я не задал?
Посетите мой сайт сначала пожалуйста.

Таблица необходима, т.к. размеры разных производителей отличаются. Кто занимается одеждой поймет меня.

#5 prukon

prukon

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 174 сообщений
  • ГородСанкт-Петербург

Отправлено 19 Февраль 2012 - 20:10

Просмотр сообщенияzvrv (19 Февраль 2012 - 16:45) писал:

Вам необходимо задать цвет рамки, например #000. Это будет выглядеть так
<table style="border-color: #000000; border-width: 1px;" border="1">


проблема все равно имеет место. Замена цвета не помогла.

Помогите...

#6 TAD-jik

TAD-jik

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 494 сообщений

Отправлено 19 Февраль 2012 - 20:22

Попробуйте через этот онлайн редактор когда таблицу сделаете нажмите на кнопку источник, появиться HTML код, копируете и вставляете у себя в редакторе товара, там тоже есть вставить HTML и думаю все будет окей :rolleyes:

#7 prukon

prukon

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 174 сообщений
  • ГородСанкт-Петербург

Отправлено 19 Февраль 2012 - 20:44

Просмотр сообщенияTAD-jik (19 Февраль 2012 - 20:22) писал:

Попробуйте через этот онлайн редактор когда таблицу сделаете нажмите на кнопку источник, появиться HTML код, копируете и вставляете у себя в редакторе товара, там тоже есть вставить HTML и думаю все будет окей :rolleyes:

Это не помогло.
Я создаю таблицу в Adobe Dreamweaver CS5.

Проблема все езё имеет место!
Помогите...

#8 TAD-jik

TAD-jik

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 494 сообщений

Отправлено 19 Февраль 2012 - 20:50

но тогда не знаю что делать :rolleyes:

#9 Ириска

Ириска

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 295 сообщений

Отправлено 20 Февраль 2012 - 09:45

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

Добавляете таблицу в описание товара
<table class="booms" cellspacing="1">
  <tr class="gray">
	<td class="bord">124</td>
	<td class="bord">125</td>
	<td class="bord">126</td>
  </tr>
  <tr>
	<td class="bord">127</td>
	<td class="bord">128</td>
	<td class="bord">129</td>
  </tr>
  <tr tr class="gray">
	<td class="bord">130</td>
	<td class="bord">131</td>
	<td class="bord">132</td>
  </tr>
</table>

Добавляете в стилевой файл оформление таблицы.
/*Оформление таблицы товара*/
  .booms {
	border: 1px solid;
	  }
   .gray {
	background: #ccc;
   }
  .bord {
	border: 1px solid;
  }
/*Завершение оформление таблицы товара*/

Должно работать.

#10 TAD-jik

TAD-jik

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 494 сообщений

Отправлено 20 Февраль 2012 - 11:05

Да ну в баню эти таблицы. Я че писал то а да я тебе модмозель Ириска поставил респект :D :rolleyes:

#11 Ириска

Ириска

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 295 сообщений

Отправлено 20 Февраль 2012 - 11:15

Мерси. Но в некоторых вопросах таблицы незаменимы.

#12 TAD-jik

TAD-jik

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 494 сообщений

Отправлено 20 Февраль 2012 - 11:26

Ну да я не спорю они не заменимы надо просто по легче че нибудь придумать в этом редакторе что бы пользователь не мучился :rolleyes:

#13 smit

smit

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 144 сообщений
  • ГородСПб

Отправлено 12 Март 2012 - 22:29

Просмотр сообщенияИриска (20 Февраль 2012 - 09:45) писал:

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

Добавляете таблицу в описание товара
<table class="booms" cellspacing="1">
  <tr class="gray">
	<td class="bord">124</td>
	<td class="bord">125</td>
	<td class="bord">126</td>
  </tr>
  <tr>
	<td class="bord">127</td>
	<td class="bord">128</td>
	<td class="bord">129</td>
  </tr>
  <tr tr class="gray">
	<td class="bord">130</td>
	<td class="bord">131</td>
	<td class="bord">132</td>
  </tr>
</table>

Добавляете в стилевой файл оформление таблицы.
/*Оформление таблицы товара*/
  .booms {
	border: 1px solid;
	  }
   .gray {
	background: #ccc;
   }
  .bord {
	border: 1px solid;
  }
/*Завершение оформление таблицы товара*/

Должно работать.

можно по подробнее про стилевой файл оформления таблицы?

Вот моя таблица:
<table style="border-color: #c0c0c0; border-width: 0px;" border="0" cellspacing="1" align="center">
<tbody>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</tbody>
</table>
<div>
<table class="lenses" style="background-color: #677998; border-width: 2px; border-color: #ffffff; border-style: solid;" border="2" cellspacing="3" cellpadding="2" align="left">
<tbody>
<tr>
<td>Влагосодержание</td>
<td>58%</td>
<td>Оптимальный баланс</td>
</tr>
<tr>
<td>Базовая кривизна</td>
<td>8,5 мм, 9,00 мм</td>
<td>Максимально успешный подбор</td>
</tr>
<tr>
<td>Диаметр</td>
<td colspan="2">14,2 мм</td>
</tr>
<tr>
<td>Оптическая сила</td>
<td>
<p>От &ndash;0,50D до &ndash;6,00D (шаг 0,25D)</p>
<p>От &ndash;6,50D до &ndash;12,00D (шаг 0,50D)</p>
<p>От +0,50D до +6,00D (шаг 0,25D)</p>
</td>
<td>Широкий диапазон параметров, возможность подбора большему числу пациентов</td>
</tr>
<tr>
<td>Рекомендованный режим ношения</td>
<td colspan="2">Дневное ношение и одноразовое использование</td>
</tr>
<tr>
<td>Толщина в центре*</td>
<td>0,084 мм</td>
<td>Легкость обращения с линзой</td>
</tr>
<tr>
<td>Кислородная проницаемость материала (Dk)**</td>
<td>28,0 х 10<sup>&ndash;11</sup> (с коррекцией по границе) 21,4 х 10<sup>&ndash;11</sup> (с коррекцией по границе и краю)</td>
<td>Высокая кислородная проницаемость для гидрогелевого материала</td>
</tr>
<tr>
<td>Пропускание кислорода линзой (Dk/t)**</td>
<td>33,3 х 10<sup>&ndash;9</sup> (с коррекцией по границе) 25,5 х 10<sup>&ndash;9</sup> (с коррекцией по границе и краю)</td>
<td>Высокое пропускание кислорода гидрогелевой линзой</td>
</tr>
<tr>
<td>% кислорода, поступающего к центральной части роговицы***</td>
<td colspan="2">88%</td>
</tr>
<tr>
<td>УФ-защита</td>
<td>УФ-фильтр блокирует 97% УФ-В лучей, 82% УФ-А лучей</td>
<td>
<p>Защита тканей глаза от</p>
<p>УФ-излучения</p>
</td>
</tr>
<tr>
<td>Другие преимущества</td>
<td>Тонированы и имеют индикатор стороны &laquo;123&raquo; (индикатор правильного положения линзы)</td>
<td>Удобство обращения с линзами</td>
</tr>
<tr>
<td colspan="3">*В центре линзы оптической силы &ndash;3,00D. **Ед.Fatt при 35&deg;С. ***За 100% принимается поток кислорода, поступающий к роговице при отсутствии линз на глазах.</td>
</tr>
</tbody>
</table>
</div>
вот как она отображается в редакторе:
2012-03-12_232419.png

и вот так на странице:
2012-03-12_231825.png

не совсем понял, как разделить ячейки??

#14 Ириска

Ириска

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 295 сообщений

Отправлено 13 Март 2012 - 09:55

Вы можете за основу взять мою табличку. Дальше просто копировать в ней строчки
Стилевой кусок добавляете в main.css

Для <tr> (назовем это строкой) я через одну присвоила класс, который выделяет строку серым цветом
Для каждой ячейки <td> внутри <tr> я тоже присвоила свой класс. Ну а дальше в стилевом файле сделала описание для каждого из них.
Для всей таблицы я тоже длобавила свой класс, чтобы сделать обрамление.

Не поняла вопроса про разделение ячеек.

П.С. Вы бы для начала попробовали вставить мою табличку и стилевое описание в main.css чтобы посмотреть, будет ли она у Вас отображаться валидно. Скажу честно, я не проверяла.

#15 smit

smit

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 144 сообщений
  • ГородСПб

Отправлено 13 Март 2012 - 17:11

Ой чувствую, запарюсь я! нужно было паруд десятков таких табличек копипастом закинуть. Теперь каждую ячейку переписывать придётся! Ой мутотень!

Просмотр сообщенияИриска (13 Март 2012 - 09:55) писал:


Не поняла вопроса про разделение ячеек.


В онлайн редакторе всё должно было быть предельно простым. В настройках, устанавливается и цвет и растояние между ячейками.. только ничерта не работает! Попроще никак это не сделать, чтобы каждый td не переписывать?

Почему-то таблица, сдвигает колонку меню в право..

#16 Ириска

Ириска

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 295 сообщений

Отправлено 14 Март 2012 - 09:04

Ограничьте ширину таблички.

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

#17 ArthurZ

ArthurZ

    Пользователь

  • Пользователи
  • PipPip
  • 15 сообщений

Отправлено 16 Июль 2012 - 07:47

У меня так же криво отображается табличка.
Похоже создателям уже пофиг на стореланд, пора отсюда сваливать

#18 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 16 Июль 2012 - 18:45

Желательно, если вам необходимо создать макет оформления описания товара, то используйте лучше хорошие средства для визуального оформления, а лучше почитать документацию по HTML и CSS на http://htmlbook.ru это улучшит ваше понимание как оформлять правильно разметку. Можно использовать хорошие и мощные средства web разработки в визуальном виде. А встроенный визуальный редактор в описание товара или страницы лучше всего использовать в случае быстрого изменения содержания, или же оформления. Не забывайте то, что в визуальном редакторе вы оформляете чистую страницу без посторонних стилей, а при отображении на сайте используются так же стили и вашей разметки с витрины магазина. И иногда эта разметка имеет большей приоритет. Желательно, все стили задавать через атрибут, т.е инлайновые - эти стили имеют самый высокий приоритет, и это может гарантировать, что например та же таблица созданная в разделе администрирования, будет одинаково отображаться и на витрине магазина.

#19 Purogen

Purogen

    Пользователь

  • Пользователи
  • PipPip
  • 40 сообщений

Отправлено 17 Сентябрь 2012 - 12:10

Добрый день.
Сделал как описывалось выше:

<table class="tabl" cellspacing="0">
<tbody>
<tr class="gray">
<td class="bord">Марка</td>
<td class="bord">Модель</td>
<td class="bord">Модификация</td>
<td class="bord">Год выпуска</td>
<td class="bord">Двигатель</td>
<td class="bord">Привод</td>
<td class="bord">Кузов</td>
</tr>
<tr class="white">
<td class="bord-w">CHRYSLER</td>
<td class="bord-w">PT CRUISER</td>
<td class="bord-w">
<p>1.6</p>
<p>2.0</p>
<p>2.2 CRD</p>
<p>2.4 GT</p>
<p>2.4</p>
</td>
<td class="bord-w">2000/06 -</td>
<td class="bord-w">
<p>150 л.с. 2.2 л. Дизель</p>
<p>ECC 136 л.с. 2 л. Бензин</p>
<p>ECC 141 л.с. 2 л. Бензин</p>
<p>EDJ 121 л.с. 2.2 л. Дизель</p>
<p>EDV 223 л.с. 2.4 л. Бензин</p>
<p>EDZ 143 л.с. 2.4 л. Бензин</p>
<p>EDZ 150 л.с. 2.4 л. Бензин</p>
<p>EJD 116 л.с. 1.6 л. Бензин</p>
</td>
<td class="bord-w">передний</td>
<td class="bord-w">универсал</td>
</tr>
</tbody>
</table>

и также:

/*Оформление таблицы товара*/
  .tabl {
	width: 100%; border: 1px solid #bdbcbc
	  }
   .gray {
	background: #e6e6fa; border: 1px solid #bdbcbc; text-align: center;
   }
   .white {
	border: 1px solid #bdbcbc; text-valign: middle;
   }
  .bord {
	border: 1px solid #bdbcbc;
   }
  .bord-w {
	border: 1px solid #bdbcbc; padding-left: 4px; text-valign: middle;
   }
/*Завершение оформление таблицы товара*/


Таблица отображается корректно, кроме вертикального выравнивания. Горизонтальное без проблем, а вот вертикальное никак не могу победить. Пробовал и вручную просто в коде прописывать вертикальное выравнивание, также не помогает. Может кто-нибудь подсказать?
Спасибо.

Прикрепленные изображения

  • table.jpg


#20 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 18 Сентябрь 2012 - 11:07

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

.tabl td {
  vertical-align: middle !important;
}





Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных