Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.83/6: Рейтинг темы: голосов - 6, средняя оценка - 4.83
0 / 0 / 0
Регистрация: 19.02.2014
Сообщений: 151
1

Как сделать отступ между строками в таблице

02.11.2015, 11:49. Просмотров 1062. Ответов 5
Метки нет (Все метки)

Добрый день! Подскажите пожалуйста как сделать отступ между строками в таблице, чтобы просвечивался основной фон.
0
Миниатюры
Как сделать отступ между строками в таблице  
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
02.11.2015, 11:49
Ответы с готовыми решениями:

Как сделать связь между двумя строками в таблице mysql
Как сделать связь между двумя строками в таблице mysql Существуют две строки в mysql id и chpu в...

Отступ между строками
всем привет как можно сделать отступ текста взятого из файла например в файле inpurt.txt...

Как сделать отступ между ячейками ?

Как между колонками сделать отступ
Необходимо создать колонки одинаковой высоты как показано на картинке Ширина колонок в процентах и...

5
409 / 374 / 220
Регистрация: 18.07.2014
Сообщений: 1,259
02.11.2015, 11:50 2
KyponaTka, покажите код
0
94 / 94 / 68
Регистрация: 26.03.2015
Сообщений: 248
02.11.2015, 12:28 3
Попробуйте воспользоваться свойством border-spacing: x, y. Значение x определяет расстояние между границами ячеек по горизонтали, а y - по вертикали. Пример.
0
0 / 0 / 0
Регистрация: 19.02.2014
Сообщений: 151
02.11.2015, 12:44  [ТС] 4
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
.catalog_table table {
    border-collapse: collapse;
    width: 100%;
    /*border-left: 1px solid #a7a889;*/ 
}
.catalog_table table.list_items th {
    font-weight: normal;
    color: #f0e9d9;
    font-size: 12px;
    padding: 10px 10px 6px 11px;
    background: #B0A98D;
}
.catalog_table table.list_items td {
    vertical-align: top;
    padding: 20px 5px 10px;
    background: #fff
}
.catalog_table table.list_items tr{
 
 
}
.catalog_table table.list_items tr:last-child{
    border-bottom: 10px solid #b3a78f;
}
.catalog_table table.list_items td.c_region {
    width: 17%;
    font-size: 12px;
    text-transform: uppercase;
    color: #938a63;
    background: #f8f7f5;
    border-right: 2px solid #fff;
    font-weight: bold;
    text-align: center;
}
.catalog_table table.list_items td.c_type {
    width: 18%;
    font-size: 12px;
    color: #534f2a;/*#5a4d2c;*/
    background: #e9e6df;
    border-right: 2px solid #fff;
    
}
.catalog_table table.list_items td.c_price {
    width: 20%;
    font-size: 18px;
    color: #544e2e;
    font-weight: bold;
    background: #F4F3EF; 
    padding-top: 53px;
    /*border-right: 1px solid #e1ddda;*/
}
.catalog_table table.list_items tr:nth-child(2n+1) td.c_price{
    background: #FAF8F9;
}
/*.catalog_table table.list_items td:nth-child(2n+1).c_price{
    background: #FAF8F9;
}*/
.catalog_table table.list_items td.c_type p{
    text-align: center;
}
.catalog_table table.list_items td.c_type img{
    margin: 0 auto 7px;
    display: block;
}
.catalog_table table.list_items td.c_price p {
    text-align: center;
}
.catalog_table table.list_items td.c_region .city{
    height: 41px;
    display: block;
    font-weight: normal;
}
.catalog_table table.list_items td.c_desc {
    width: 45%;
    padding: 20px 0 15px 10px;  
    border-bottom: 4px solid transparent;
    border-collapse: separate ; 
}
.catalog_table table.list_items td.c_desc .c_desc_photo {
    width: 39%;
    max-width: 115px;
    border: 1px solid #796b48;
    overflow: hidden;
    line-height: 0;
    border-radius: 60px;
    float: left
}
вот кусочек кода, и файлы с полной версткой.
Пробовала применить border-spacing, но ничего не получилось
0
Вложения
Тип файла: zip qw.zip (1.81 Мб, 1 просмотров)
94 / 94 / 68
Регистрация: 26.03.2015
Сообщений: 248
02.11.2015, 12:51 5
Цитата Сообщение от KyponaTka Посмотреть сообщение
Пробовала применить border-spacing, но ничего не получилось
Это потому что для таблицы у вас прописано border-collapse: collapse, попробуйте убрать эту декларацию или изменить значение этого свойства на separate и после этого еще раз попробовать применить border-spacing. Должно получиться.
0
0 / 0 / 0
Регистрация: 19.02.2014
Сообщений: 151
02.11.2015, 13:00  [ТС] 6
прописала так
CSS
1
2
3
4
5
.catalog_table table {
    border-collapse: separate;
    border-spacing: 0 3px;
    width: 100%;
}
а как бы сделать чтобы под первой строкой отступа не было?
0
Миниатюры
Как сделать отступ между строками в таблице  
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
02.11.2015, 13:00

Заказываю контрольные, курсовые, дипломные и любые другие студенческие работы здесь.

Как сделать отступ между картинками?
<main class="content_1"> <div class="container"> <div class="gallery"> ...

Как сделать горизонтальный отступ между картинками
Есть блок <div> внутри которого 2 изображения, нужно сделать между ними отступ. <div...

Как сделать небольшой отступ между блоками?
сайт www.basket-xnslm.ru. Для того, чтобы добавить иконки соц закладок в статьях мне пришлось...

Отступ между ячейками в таблице
День добрый, прошу вашего совета, как корректно задать отступ между ячейками таблицы. Есть...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
6
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2020, vBulletin Solutions, Inc.