Форум программистов, компьютерный форум, киберфорум
Наши страницы
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Рейтинг 5.00/5: Рейтинг темы: голосов - 5, средняя оценка - 5.00
СергейСереб
4 / 4 / 3
Регистрация: 19.09.2016
Сообщений: 440
1

Отступы для всей таблицы

09.11.2016, 00:41. Просмотров 1011. Ответов 2
Метки нет (Все метки)

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


HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<link href="main.css" rel="stylesheet" type="text/css">
</head>
 
<body>
  <table class="table">
        <tr>
          <td>
          text
          </td> 
          <td>
          text 
          </td>
          <td>
          text 
          </td>
        </tr>
      </table>
</body>
</html>

CSS
1
2
3
4
5
6
7
8
9
10
11
12
table{
    width: 80%;
    height: 150px;
    background-color: lightgray;
    margin: 0 auto;
        padding: 10px 87px;
        border-spacing: 0px;
}
 
td {
    border: 1px solid black;
}
0
QA
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
09.11.2016, 00:41
Ответы с готовыми решениями:

Отступы в ячейке таблицы
Вся суть на скрине: в ячейке таблицы padding'и сверху и снизу, сам я их не задавал, но не знаю как...

Отступы между строками таблицы
есть таблица &lt;table style=&quot;padding:0;&quot; border=&quot;0&quot; cellspacing=&quot;0&quot;&gt; &lt;tbody&gt; &lt;tr&gt; ...

Отступы между строками таблицы
Проблема в следующем: Есть задание стилей в css: /*Задание стиля для верхней части...

Отступы заголовка от таблицы в разных браузерах
Здравствуйте. Столкнулся с такой проблемой: как стандартизировать вертикальный отступ заголовка...

Убрать лишние отступы внутри ячеек таблицы
Здравствуйте! Есть сайт на wp, нужно сделать так, чтобы отступ в таблице, обычной, был меньше, как...

2
mrtoxas
Модератор
Эксперт HTML/CSS
3106 / 2201 / 1343
Регистрация: 12.07.2015
Сообщений: 5,855
Записей в блоге: 3
09.11.2016, 01:16 2
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
table {
  width: 80%;
  height: 150px;
  background-color: lightgray;
  margin: 0 auto;
  padding: 10px 87px;  
  border-spacing: 0;
}
 
tr td{
  border-left:1px solid black;
  border-top:1px solid black;
  border-bottom:1px solid black;
}
tr td:last-child{
  border-right:1px solid black;
}
1
СергейСереб
4 / 4 / 3
Регистрация: 19.09.2016
Сообщений: 440
09.11.2016, 01:25  [ТС] 3
Спасибо. Я думал может стандартные какие свойства существуют.
0
Answers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
09.11.2016, 01:25

Как убрать отступы от границ таблицы до внутреннего элемента?
Есть форма обратной связи, поля для заполнения находятся в соответствующих ячейках таблицы. Между...

Дивы по всей ширине таблицы
Здравствуйте Есть таблица, в ячейках расположен див с картинкой нужно: 1. чтобы див .dv - был...

Как настроить отступы между картинками в боковых ячейкаж таблицы
Помогите пожалуйста.Как настроить отступы между картинками в боковых ячейкаж таблицы? Уже пыталась...


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

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

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