Помощник
|
Отступы между ячейками таблицы |
igorlesnoj
|
Сообщение
#1
|
||
|
|
||
|
|||
igorlesnoj
|
Сообщение
#2
|
|
Прошу откликнуться, кому известно решение? :goodpost:
|
|
|
Webmaster_hb |
24.3.2010, 19:04;
Ответить: Webmaster_hb
Сообщение
#3
|
|
igorlesnoj, а зачем использовать таблицу ?
padding-left для ячейки задайте, или вложите DIV с padding-left |
|
|
ZhukV |
24.3.2010, 19:09;
Ответить: ZhukV
Сообщение
#4
|
|
Если сута для таблицы на 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
|
|
Друзья :) как сделать это не касаясь кода-HTML в котором table без указанных свойств cellspacing и cellpadding?
Ячейки имеют border поэтому padding внутри ячеек не подойдет! Расстояние нужно сделать между границами. igorlesnoj, а зачем использовать таблицу ? Я выбрал данный стиль в модуле Views для Drupal потому что он мне показался удобным - растягивание по ширине, расположение в ряд (в строку). Есил решение не найдется то оформлю DIV`ы float`ами :rolleyes: |
|
|
Webmaster_hb |
25.3.2010, 1:04;
Ответить: Webmaster_hb
Сообщение
#6
|
|
igorlesnoj, вы бы тогда привели кусок кода который есть
и напишите, что можно только изменять CSS во внешнем сайте, либо можно добавлять хоть классы в текущий код когда будет задача полностью ясна, тогда и будем искать выход |
|
|
igorlesnoj
|
Сообщение
#7
|
|
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
|
|
ну можно флоатами сбросить все ячейки
но это уже будет не таблица 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
|
|
либо сделать вот так
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
|
|
Второй вариант интересный, но к сожалению, у меня в каждой ячейке более одного дива, в принципе можно отступами и разными границами для каждого добиться нужного представления, но это очевидно не самый красивый способ.
Я использовал первый вариант. Он мне подошел, спасибо. Код 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 | 6374 | 10.1.2024, 13:23 автор: wanessa |
|
Выравнивание картинки по центру между текстом | 10 | NikN | 2637 | 6.1.2021, 23:24 автор: buypushplatform |
|
Автоматическая перелинковка между страницами Wordpress | 4 | rokot | 2303 | 28.7.2019, 20:56 автор: rokot |
|
Сменить фокус общения JS между документами нужен очень толковый JS разработчик |
0 | LebedevStr | 2629 | 24.6.2018, 19:21 автор: LebedevStr |
|
Как удобнее работать в команде, если надоело переключаться между мессенджерами? | 3 | work_lance | 3906 | 14.3.2018, 3:30 автор: work_lance |
Текстовая версия | Сейчас: 19.4.2024, 3:17 |