Проблема с позиционированием

[sayapinant]

Здравствуйте!

Помогите с решением такой проблемы. В шапке текст, заключенный в теги

<h1>...</h1>

ушел вверх и влево. Как поставить его по середине и чуть ниже от верха? Пытался различными методами, но ничего не получается.

Ниже даю css-код этого элемента

header.mainHeader h1 a{
border: 1px solid #000;
font: bold 64px "Century Gothic";
color: #1d1eeb;
text-decoration: none;
text-shadow: #1d1eeb 0 0 10px;
}

https://www.dropbox....k9ccocc4y/1.jpg

[npofopr]

1. Почему то стили вы задаете ссылке, а не заголовку.

2. За центрирование у нас отвечает text-align:center; ну или align="center"

3. ссылке можно указать display: inline-block; и добавить padding-top: 5px;

[sayapinant]

1. Почему то стили вы задаете ссылке, а не заголовку.

Я верстаю шаблон для wordpress

2. За центрирование у нас отвечает text-align:center; ну или align="center"

Пробовал уже — не получается.

3. ссылке можно указать display: inline-block; и добавить padding-top: 5px;

Тоже попробовал. И также — результата никакого((((

[volshebnyi]

1. Почему то стили вы задаете ссылке, а не заголовку.

Я верстаю шаблон для wordpress

2. За центрирование у нас отвечает text-align:center; ну или align="center"

Пробовал уже — не получается.

3. ссылке можно указать display: inline-block; и добавить padding-top: 5px;

Тоже попробовал. И также — результата никакого((((

Да п ри чем тут для вордпресса или для чего-то другого. Вы задаете стили именно для ссылки "а". Для того, что бы эти стили работали, Вам необходимо внутри заголовка вставить ссылку

<h1><a href="#">Текст</a></h1>

И указать для строчного элемента a:

display:block;

text-align: center;

http://jsfiddle.net/FCy6U/

Edited October 1, 2013 by volshebnyi

[sayapinant]

Да п ри чем тут для вордпресса или для чего-то другого. Вы задаете стили именно для ссылки "а". Для того, что бы эти стили работали, Вам необходимо внутри заголовка вставить ссылку

<h1><a href="#">Текст</a></h1>

Именно так у меня и прописаны теги, но ничего... Может еще из-за того, что мешает другой элемент?

[volshebnyi]

Именно так у меня и прописаны теги, но ничего... Может еще из-за того, что мешает другой элемент?

Я Вам по ссылке сделал готовый вариант. Если у Вас не работает, то, естественно, что-то у Вас не так...

[sayapinant]

У меня там еще строчка есть, которую я установил в верхний правый угол шапки с помощью селектора float: right. Вполне возможно, что это как-то помешало заголовку встать на свое место.

[volshebnyi]

У меня там еще строчка есть, которую я установил в верхний правый угол шапки с помощью селектора float: right. Вполне возможно, что это как-то помешало заголовку встать на свое место.

Приведите код вместе с упомянутым блоком.

[sayapinant]

Приведите код вместе с упомянутым блоком.

Вот ссылка на код http://jsfiddle.net/9esF5/

[volshebnyi]

http://jsfiddle.net/9esF5/

Параграф заключите в отдельный контейнер. Укажите параметры для него. Так будет много легче его позиционировать.

Edited October 1, 2013 by volshebnyi