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

[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]

  On 10/1/2013 at 9:25 AM, npofopr said:

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

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

  On 10/1/2013 at 9:25 AM, npofopr said:

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

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

  On 10/1/2013 at 9:25 AM, npofopr said:

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

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

[volshebnyi]

  On 10/1/2013 at 9:32 AM, sayapinant said:

  On 10/1/2013 at 9:25 AM, npofopr said:

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

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

  On 10/1/2013 at 9:25 AM, npofopr said:

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

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

  On 10/1/2013 at 9:25 AM, npofopr said:

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]

  On 10/1/2013 at 9:46 AM, volshebnyi said:

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

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

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

[volshebnyi]

  Quote

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

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

[sayapinant]

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

[volshebnyi]

  On 10/1/2013 at 10:04 AM, sayapinant said:

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

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

[sayapinant]

  On 10/1/2013 at 10:22 AM, volshebnyi said:

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

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

[volshebnyi]

http://jsfiddle.net/9esF5/

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

Edited October 1, 2013 by volshebnyi