Вопросы по CSS

116K
.
Ego vir viden
# Andrei4ik93 (02.01.2015 / 19:03)
Тоже хочу спросиьть,как это растянуть по ширине автомачески?

[php].table {
text-align: center;
margin-bottom: 10px;
width: 100%;
}
.table .cell.active a {
background: #fff;
color:
Покажи в чем проблема, оно должно растянуться
.
Andrei4ik93
__________________________________________________
# selemet (02.01.2015 / 19:06)
Покажи в чем проблема, оно должно растянуться
.
__________________________________________________

Прикрепленные файлы:
.
__________________________________________________
.table .cell a {
  display: inline-block;
  padding: 16px 0;
  width: 33.3%;
  float: left;
  color: #618AEE;
  font-size: 12px;
  font-weight: 700;
  box-shadow: inset 0 -1px 0 0 #d6deea;
}


Делаю width:auto;
.
selemet
Ego vir viden
# Andrei4ik93 (02.01.2015 / 19:11)
У тебя явно верстка не такая как в почте.
----
.
Ego vir viden
# Andrei4ik93 (02.01.2015 / 19:12)
[php].table .cell a {
display: inline-block;
padding: 16px 0;
width: 33.3%;
float: left;
color: #618AEE;
font-size: 12px;
font-weight: 700;
box-shadow: inset 0 -1px 0 0 #d6deea
Width auto? Оно не будет растягиваться,а лишь приобретет ширину от букв
.
# Andrei4ik93 (02.01.2015 / 19:12)
[php].table .cell a {
display: inline-block;
padding: 16px 0;
width: 33.3%;
float: left;
color: #618AEE;
font-size: 12px;
font-weight: 700;
box-shadow: inset 0 -1px 0 0 #d6deea
флоаты не нужны для инлайнов, твоя проблема в 33.3% + паддинг
не учитываешь тот факт что с паддингом блок становится больше 33.3%
.
__________________________________________________
# selemet (02.01.2015 / 19:12)
У тебя явно верстка не такая как в почте.
----
Просто это на три пункат рассчитана)))
А мне надо чтобы с добавление новых пунктов растягивалось))
.
Ego vir viden
# ramzes (02.01.2015 / 19:15)
флоаты не нужны для инлайнов, твоя проблема в 33.3% + паддинг
не учитываешь тот факт что с паддингом блок становится больше 33.3%
Существует box-sizing:border-box
.

100 - кол-во блоков*2 = расчетная ширина.
расчетная ширина / кол-во блоков = ширина каждого блока и паддинг в 1% с каждой стороны

Всего: 2904