Вертикальное выравнивание текста в блоках

1 23
Geers
На сайте с 12.04.2011
Offline
487
#21
brokkoli:
Да. Это бог html'a меня карает...

Что это за генератор csstools?

p.s. Бог-пишется с большой буквы.

B
На сайте с 10.01.2012
Offline
42
#22
FernandoDiaz:
У кнопок реальная высота 55px, а у вас в CSS прописано height: 59px, поэтому получается чуть ниже центра.

Следовательно исправьте на 55px и LI поправьте на:

#sideLeft li {
margin-top: -6px;

}

Спасибо, всё получилось!

А минусовые значения для марджинов и паддингов это плохо? Или без разницы?

---------- Добавлено 14.05.2012 в 11:25 ----------

Могу ли я записать в CSS так:


#sideLeft {
float: left;
width: 250px;
margin-left: -100%;
position: relative;
}

#sideLeft .button {
text-align: center;
width:183px;
height:55px;
background-image:url(/images/buttoff.jpg);
background-repeat:no-repeat;
margin-left:20px;

#sideLeft a {
vertical-align:middle;
text-decoration:none;
color:white;
display:table-cell;
}

Или правильно будет написать так:

#sideLeft .button a{
text-align: center;
width:183px;
height:55px;
background-image:url(/images/buttoff.jpg);
background-repeat:no-repeat;
margin-left:20px;

и добавить свойства из #sideLeft a?

---------- Добавлено 14.05.2012 в 11:26 ----------

Geers:
Что это за генератор csstools?
p.s. Бог-пишется с большой буквы.

Точнее вот этот: http://csstemplater.com/ =)

B
На сайте с 10.01.2012
Offline
42
#23

Ребята, опять срочно требуется помощь.

Не выравнивается текст в блоке. Посмотреть можно тут: psk-in.ru/q

Серый блок в контенте... Ставлю ему vertical-align:middle, но текст не реагирует на выравнивание, помогите, пожалуйтса!

FernandoDiaz
На сайте с 23.01.2012
Offline
13
#24

.radius p {

font-size: 14px;
padding-top: 1px;
font-weight: bold;
margin-top: 14px;
margin-bottom: 8px;
}


---------- Добавлено 18.05.2012 в 14:44 ----------

Можно еще "p" и "span" в div обернуть.

<div class="radius"><img src="/images/polochnye-stellazhi.jpg" height="93" width="118">

<div style="display: table-cell; vertical-align: middle; height: 60px;">
<p>Полочные стеллажи</p>
<span class="green">от 1200 руб.</span>
</div>
</div>

.radius p {

font-size: 14px;
padding-top: 1px;
font-weight: bold;
margin-bottom: 6px;
}
B
На сайте с 10.01.2012
Offline
42
#25
FernandoDiaz:


Можно еще "p" и "span" в div обернуть.

]

Спасибо. Обернул "грузовые стеллажи", че та не катит..

1 23

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий