Отображение Таблицы
#1
Отправлено 19 Февраль 2012 - 16:24
#2
Отправлено 19 Февраль 2012 - 16:45
#3
Отправлено 19 Февраль 2012 - 16:45
<table style="border-color: #000000; border-width: 1px;" border="1">
#4
Отправлено 19 Февраль 2012 - 20:03
TAD-jik (19 Февраль 2012 - 16:45) писал:
Посетите мой сайт сначала пожалуйста.
Таблица необходима, т.к. размеры разных производителей отличаются. Кто занимается одеждой поймет меня.
#6
Отправлено 19 Февраль 2012 - 20:22
#7
Отправлено 19 Февраль 2012 - 20:44
TAD-jik (19 Февраль 2012 - 20:22) писал:
Это не помогло.
Я создаю таблицу в Adobe Dreamweaver CS5.
Проблема все езё имеет место!
Помогите...
#8
Отправлено 19 Февраль 2012 - 20:50
#9
Отправлено 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
Отправлено 20 Февраль 2012 - 11:05
#11
Отправлено 20 Февраль 2012 - 11:15
#12
Отправлено 20 Февраль 2012 - 11:26
#13
Отправлено 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> </td> <td> </td> </tr> <tr> <td> </td> <td> </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>От –0,50D до –6,00D (шаг 0,25D)</p> <p>От –6,50D до –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>–11</sup> (с коррекцией по границе) 21,4 х 10<sup>–11</sup> (с коррекцией по границе и краю)</td> <td>Высокая кислородная проницаемость для гидрогелевого материала</td> </tr> <tr> <td>Пропускание кислорода линзой (Dk/t)**</td> <td>33,3 х 10<sup>–9</sup> (с коррекцией по границе) 25,5 х 10<sup>–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>Тонированы и имеют индикатор стороны «123» (индикатор правильного положения линзы)</td> <td>Удобство обращения с линзами</td> </tr> <tr> <td colspan="3">*В центре линзы оптической силы –3,00D. **Ед.Fatt при 35°С. ***За 100% принимается поток кислорода, поступающий к роговице при отсутствии линз на глазах.</td> </tr> </tbody> </table> </div>вот как она отображается в редакторе:
и вот так на странице:
не совсем понял, как разделить ячейки??
#14
Отправлено 13 Март 2012 - 09:55
Стилевой кусок добавляете в main.css
Для <tr> (назовем это строкой) я через одну присвоила класс, который выделяет строку серым цветом
Для каждой ячейки <td> внутри <tr> я тоже присвоила свой класс. Ну а дальше в стилевом файле сделала описание для каждого из них.
Для всей таблицы я тоже длобавила свой класс, чтобы сделать обрамление.
Не поняла вопроса про разделение ячеек.
П.С. Вы бы для начала попробовали вставить мою табличку и стилевое описание в main.css чтобы посмотреть, будет ли она у Вас отображаться валидно. Скажу честно, я не проверяла.
#15
Отправлено 13 Март 2012 - 17:11
Ириска (13 Март 2012 - 09:55) писал:
Не поняла вопроса про разделение ячеек.
В онлайн редакторе всё должно было быть предельно простым. В настройках, устанавливается и цвет и растояние между ячейками.. только ничерта не работает! Попроще никак это не сделать, чтобы каждый td не переписывать?
Почему-то таблица, сдвигает колонку меню в право..
#16
Отправлено 14 Март 2012 - 09:04
Что касается онлайн редактора параметаризации таблички и ее отображение на сайте, то это в поддержку. Я просто нашла выход из ситуации, предложив свое решение. Ну а дальше дело каждого.
#17
Отправлено 16 Июль 2012 - 07:47
Похоже создателям уже пофиг на стореланд, пора отсюда сваливать
#18
Отправлено 16 Июль 2012 - 18:45
#19
Отправлено 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; } /*Завершение оформление таблицы товара*/
Таблица отображается корректно, кроме вертикального выравнивания. Горизонтальное без проблем, а вот вертикальное никак не могу победить. Пробовал и вручную просто в коде прописывать вертикальное выравнивание, также не помогает. Может кто-нибудь подсказать?
Спасибо.
#20
Отправлено 18 Сентябрь 2012 - 11:07
.tabl td { vertical-align: middle !important; }
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных