Помощник
 |
|
|
|
|
Сообщение сайта
|
 Отступы между ячейками таблицы |
igorlesnoj
|
Сообщение
#1
|
||
 0  Группа: User Сообщений: 39 Регистрация: 3.8.2009 Поблагодарили: 0 раз Репутация:  0 
 |
|
||
 |
|
||
|
igorlesnoj
|
Сообщение
#2
|
|
0 Группа: User Сообщений: 39 Регистрация: 3.8.2009 Поблагодарили: 0 раз Репутация: 0
|
Прошу откликнуться, кому известно решение? :goodpost:
|
|
|
|
|
Webmaster_hb
|
 24.3.2010, 19:04;
Ответить: Webmaster_hb
Сообщение
#3
|
 0 
 Группа: User Сообщений: 7538 Регистрация: 5.3.2007 Поблагодарили: 0 раз Репутация: 0
|
igorlesnoj, а зачем использовать таблицу ?
padding-left для ячейки задайте, или вложите DIV с padding-left |
|
|
|
|
ZhukV
|
24.3.2010, 19:09;
Ответить: ZhukV
Сообщение
#4
|
 0 Группа: User Сообщений: 1837 Регистрация: 19.12.2009 Поблагодарили: 0 раз Репутация: 0
|
Если сута для таблицы на HTML
<table cellpadding="5" cellspacing="5" border="1"> Если для CSS <style type="text/css">
td.padd1{ padding:5px; } td.padd2{ padding:7px; } td.padd3{ padding:2px; } </style> <table> <tr> <td class="padd1">123</td> <td class="padd2">123</td> <td class="padd3">123</td> </tr> </table> |
|
|
|
|
igorlesnoj
|
Сообщение
#5
|
|
0 Группа: User Сообщений: 39 Регистрация: 3.8.2009 Поблагодарили: 0 раз Репутация: 0
|
Друзья :) как сделать это не касаясь кода-HTML в котором table без указанных свойств cellspacing и cellpadding?
Ячейки имеют border поэтому padding внутри ячеек не подойдет! Расстояние нужно сделать между границами. (Webmaster_hb @ 24.3.2010, 21:04)  igorlesnoj, а зачем использовать таблицу ? Я выбрал данный стиль в модуле Views для Drupal потому что он мне показался удобным - растягивание по ширине, расположение в ряд (в строку). Есил решение не найдется то оформлю DIV`ы float`ами :rolleyes: |
|
|
|
|
Webmaster_hb
|
25.3.2010, 1:04;
Ответить: Webmaster_hb
Сообщение
#6
|
|
0
Группа: User Сообщений: 7538 Регистрация: 5.3.2007 Поблагодарили: 0 раз Репутация: 0
|
igorlesnoj, вы бы тогда привели кусок кода который есть
и напишите, что можно только изменять CSS во внешнем сайте, либо можно добавлять хоть классы в текущий код когда будет задача полностью ясна, тогда и будем искать выход |
|
|
|
|
igorlesnoj
|
Сообщение
#7
|
|
0 Группа: User Сообщений: 39 Регистрация: 3.8.2009 Поблагодарили: 0 раз Репутация: 0
|
(Webmaster_hb @ 25.3.2010, 03:04) igorlesnoj, вы бы тогда привели кусок кода который есть и напишите, что можно только изменять CSS во внешнем сайте, либо можно добавлять хоть классы в текущий код когда будет задача полностью ясна, тогда и будем искать выход Хорошо. Привожу кусок кода. Классов там итак хватает но возможности их добавить нет, а CSS можно менять только во внешнем файле. <div class="view view-myname view-id-myname view-display-id-page_1 view-dom-id-1"> А так я сделал отступ внутри ячеек и границу:<div class="view-content"> <table class="views-view-grid"> <tbody> <tr class="row-1 row-first"> <td class="col-1"> <div class="views-field-title"> <span class="field-content"><a href="">1 - 1</a></span> </div> </td> <td class="col-2"> <div class="views-field-title"> <span class="field-content"><a href="">1 - 2</a></span> </div> </td> <td class="col-3"> <div class="views-field-title"> <span class="field-content"><a href="">1 - 3</a></span> </div> </td> </tr> <tr class="row-2 row-last"> <td class="col-1"> <div class="views-field-title"> <span class="field-content"><a href="">2 - 1</a></span> </div> </td> <td class="col-2"> <div class="views-field-title"> <span class="field-content"><a href="">2 - 2</a></span> </div> </td> <td class="col-3"> <div class="views-field-title"> <span class="field-content"><a href="">2 - 3</a></span> </div> </td> </tr> </tbody> </table> </div> </div> Код CSS: table.views-view-grid td {border:1px solid #CECFCE; padding:10px;}
|
|
|
|
|
Webmaster_hb
|
25.3.2010, 12:05;
Ответить: Webmaster_hb
Сообщение
#8
|
|
0
Группа: User Сообщений: 7538 Регистрация: 5.3.2007 Поблагодарили: 0 раз Репутация: 0
|
ну можно флоатами сбросить все ячейки
но это уже будет не таблица table.views-view-grid { border:1px solid red; }
table.views-view-grid td { float:left; border:1px solid green; margin-left:20px;} |
|
|
|
|
Webmaster_hb
|
25.3.2010, 12:06;
Ответить: Webmaster_hb
Сообщение
#9
|
|
0
Группа: User Сообщений: 7538 Регистрация: 5.3.2007 Поблагодарили: 0 раз Репутация: 0
|
либо сделать вот так
table.views-view-grid { border:1px solid red; }
table.views-view-grid td { padding-left:20px;} table.views-view-grid td div { border:1px solid green; } |
|
|
|
|
igorlesnoj
|
Сообщение
#10
|
|
0 Группа: User Сообщений: 39 Регистрация: 3.8.2009 Поблагодарили: 0 раз Репутация: 0
|
Второй вариант интересный, но к сожалению, у меня в каждой ячейке более одного дива, в принципе можно отступами и разными границами для каждого добиться нужного представления, но это очевидно не самый красивый способ.
Я использовал первый вариант. Он мне подошел, спасибо. Код CSS: table.views-view-grid {border:1px solid red;} Хочу в дополнение узнать как грамотно будет в данном случае сделать отступы между ячейками по вертикали, а именно, margin-bottom следует задавать каждой из ячеек или достаточно только одной любой из верхнего ряда?
table.views-view-grid td.col-1 {float:left; border:1px solid green; margin-right:20px;} table.views-view-grid td.col-2 {float:left; border:1px solid green; margin-right:20px;} table.views-view-grid td.col-3 {float:left; border:1px solid green;} |
|
|
|
|
|
Похожие темы
| Тема | Ответов | Автор | Просмотров | Последний ответ | |
|---|---|---|---|---|---|
 |
Как вы сравниваете ТОП сайтов между собой? | 5 | noviktamw | 6291 | 10.1.2024, 13:23 автор: wanessa |
|
 Выравнивание картинки по центру между текстом |
10 | NikN | 2636 | 6.1.2021, 23:24 автор: buypushplatform |
|
Автоматическая перелинковка между страницами Wordpress | 4 | rokot | 2302 | 28.7.2019, 20:56 автор: rokot |
|
Сменить фокус общения JS между документами нужен очень толковый JS разработчик |
0 | LebedevStr | 2629 | 24.6.2018, 19:21 автор: LebedevStr |
|
Как удобнее работать в команде, если надоело переключаться между мессенджерами? |
3 | work_lance | 3905 | 14.3.2018, 3:30 автор: work_lance |
|
Текстовая версия | Сейчас: 16.4.2024, 11:48 |
