Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » Стили (CSS) » Заголовок в H1

Заголовок в H1


     08.06.2013    H1, заголовок    Все вопросы » Стили (CSS)    2874

вопрос
Здравствуйте помогите советом, ставлю заголовок в H1 слетает текст, вот так:
Заголовок в H1


Прописываю в CSS код:
h1{
    color: #000000;
    text-transform: uppercase;
    font-size: 16px;
    font-family: Verdana, Tahoma, Arial, sans-serif;;}

Результат:
Заголовок в H1


Нужно чтобы текст был посередине, вот так:
Заголовок в H1


Пробовал менять значения вот тут, не получается:
.story-head {
    font-size:13px;
    font-weight:bold;
    color:#fff;
    padding:8px 0 0 10px;
    height:25px;
    border-right:1px solid #74AC00;
    border-left:1px solid #74AC00;
    border-bottom:1px solid #74AC00;

Ответа пока нет


13 комментариев

dj-avtosh
PHP-developer

dj-avtosh - 8 июня 2013 18:55 -

как вариант можно line-height

https://elkhan.ru
По заказам пишем сюда: @Rud00y

ЯД: 41001679231462
Заказы в telegram (ремонт модулей, оптимизация нагрузок и т.п.):
В телегу писать сразу задачу и бюджет.

Gopr
Юзер

Gopr - 8 июня 2013 20:59 -

padding:8px 0 0 10px;
Попробуйте уменьшить 8px

dj-avtosh
PHP-developer

dj-avtosh - 8 июня 2013 21:58 -

казалось бы,при чем тут padding :)

https://elkhan.ru
По заказам пишем сюда: @Rud00y

ЯД: 41001679231462
Заказы в telegram (ремонт модулей, оптимизация нагрузок и т.п.):
В телегу писать сразу задачу и бюджет.

FastFud
Юзер

FastFud - 8 июня 2013 21:03 -

ne tak delai line-height: 25px;

Mirrr
Юзер

Mirrr - 9 июня 2013 00:25 -

Не понял, что именно делать?

FastFud
Юзер

FastFud - 9 июня 2013 00:38 -

Попробуй так line-height: 25px;

то почитай что такое padding

Mirrr
Юзер

Mirrr - 9 июня 2013 07:53 -

Попробуй так
line-height: 25px;
не помогает, увеличивается просто рабочая область картинки, текст так же внизу.

Попробуйте уменьшить 8px
уменьшается рабочая область картинки, текст также внизу.

FastFud
Юзер

FastFud - 9 июня 2013 10:26 -

выставь тут весь стиль - сделаю правельно

Mirrr
Юзер

Mirrr - 9 июня 2013 13:20 -

Отправил в личку код, в комментарии не помещается.

crazyfrog
Юзер

crazyfrog - 10 июня 2013 04:58 -

у тебя сверху текста сидит какой-то div длиной в 100%,а сам текст h1 явно не помещен в div,так то если хочешь поместить h1 поверх div то используется position:absolute

Mirrr
Юзер

Mirrr - 10 июня 2013 12:41 -


crazyfrog можно поподробней, не догоняю что именно сделать надо.

FastFud
.story-head {
background:#B4CC3E url(../images/story-head.png) repeat-x;
font-size:13px;
font-weight:bold;
color:#fff;
height:25px;
line-height: 25px;
text-indent: 10px;
border-right:1px solid #74AC00;
border-left:1px solid #74AC00;
border-bottom:1px solid #74AC00;
}


При стиле который вы предложили слетает картинка: http://s017.radikal.ru/i421/1306/a1/a34a75964245.jpg

FastFud
Юзер

FastFud - 10 июня 2013 13:09 -

добавьте в skype там все нормально и объясню без ошибок как надо. skype: maximus5999

Mirrr
Юзер

Mirrr - 11 июня 2013 15:25 -

Спасибо за помощь FastFud, помог решить проблему.

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы

наверх