Выровнять шапку

Christine5919

Сообщений: 8

Репутация: 15

Сообщение # 1 | 14:22:43 18 Ноя 2015

Здравствуйте!
Пожалуйста, помогите сделать текст логотипа и изображения на одном уровне:

Код

#logo {
text-indent: 50px;
height: 130px;
padding-top: 5px;
}
#logo h1 {
margin: 40px 0 10px 0;
padding: 0;
font-family: "Century Gothic";
font-weight: normal;
font-size: 48px;
text-transform: none;
color: #8765d6;
text-align: left;
}
#logo h1 a {
color: #8765d6 !important;
}
#logo h2 {
text-indent: 60px;
margin: 0;
padding: 0;
font-family: "Century Gothic";
font-weight: none;
font-size: 12px;
text-transform: none;
color: #fff !important;
letter-spacing: 2px;
text-align: left;
}
#logo h3 {
float: right;
}

Код

<div id="logo">
<h1><a href="$HOME_PAGE_LINK$">$SITE_NAME$</a></h1>
<h2>счастье быть живым</h2>
<h3><a href="http://om-ksi.livejournal.com/"target="_blank"><img src="/siyanie.png"></a><a href="https://www.youtube.com/user/KnigaSveta"target="_blank"><img src="/kniga.png"></a></h3>
</div>

http://blog-syroeda.ru/

Не говорите, если это не изменяет тишину к лучшему... ©

Rostislav

Сообщений: 2396

Репутация: 591

Сообщение # 2 | 14:56:07 18 Ноя 2015

Christine5919, зачем картинки вставлять в тег h3?

попробуйте так:

Код

<div id="logo">
<h1><a href="$HOME_PAGE_LINK$">$SITE_NAME$</a></h1>
<h2>счастье быть живым</h2>
</div>
<div id="logo_r"><a href="http://om-ksi.livejournal.com/"target="_blank"><img src="/siyanie.png"></a><a href="https://www.youtube.com/user/KnigaSveta"target="_blank"><img src="/kniga.png"></a>
</div>

Код

#logo {float:left;}
#logo_r {float:right;display:inline;height:130px;}
nav {float: left;}

Эрудитов.Нет

Christine5919

Сообщений: 8

Репутация: 15

Сообщение # 3 | 15:34:15 18 Ноя 2015

Цитата Rostislav (

)

попробуйте так:

Попробовала))

Добавлено (18 Ноя 2015, 15:34:15)
---------------------------------------------
Как бы задать объединяющую команду display: inline для #logo и #logo_r ?
Потому что отдельно в их таблицах эта команда не воспринимается, что есть что нету.

... Впрочем и при #logo h3 она не имеет никакого значения.

Не говорите, если это не изменяет тишину к лучшему... ©

Сообщение отредактировал Christine5919 - Среда, 18 Ноя 2015, 15:48:02

udevlife

Сообщений: 272

Репутация: 60

Сообщение # 4 | 15:36:56 18 Ноя 2015

Rostislav, Так можно придать важность картинок для поисковых систем laugh

Christine5919

Сообщений: 8

Репутация: 15

Сообщение # 5 | 15:49:04 18 Ноя 2015

Проблему решила так:

Код

#logo {
text-indent: 50px;
padding-top: 5px;
display: inline;
height: 130px;
}
#logo h1 {
margin: 40px 0 10px 0;
padding: 0;
font-family: "Century Gothic";
font-weight: normal;
font-size: 48px;
text-transform: none;
color: #8765d6;
text-align: left;
}
#logo h1 a {
color: #8765d6 !important;
}
#logo h2 {
text-indent: 60px;
margin: 0 0 50px 0 ;
padding: 0;
font-family: "Century Gothic";
font-weight: none;
font-size: 12px;
text-transform: none;
color: #fff !important;
letter-spacing: 2px;
text-align: left;
}
#logo h3 {
float: right;
margin: 40px 40px 0 0;
display: inline;
}

Код

<div id="logo">
<h3><a href="http://om-ksi.livejournal.com/"target="_blank"><img src="/siyanie.png"></a><a href="https://www.youtube.com/user/KnigaSveta"target="_blank"><img src="/kniga.png"></a></h3>
<h1><a href="$HOME_PAGE_LINK$">$SITE_NAME$</a></h1>
<h2>счастье быть живым</h2>
</div>

Ерунда наверное полная, главное результат какой надо.

Сообщение отредактировал Christine5919 - Среда, 18 Ноя 2015, 16:26:11

Страница 1 из 1 1
Модератор форума: dotbot