Страница 1 из 11
Модератор форума: dotbot 
Сообщество uCoz » Архивариус » Корзина » Выровнять шапку
Выровнять шапку
Christine5919
Сообщений: 8
Репутация: 15

Сообщение # 1 | 14:22:43
Здравствуйте!
Пожалуйста, помогите сделать текст логотипа и изображения на одном уровне:



Код
#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
Сообщений: 2385
Репутация: 591

Сообщение # 2 | 14:56:07
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
Цитата 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
Rostislav, Так можно придать важность картинок для поисковых систем laugh
Christine5919
Сообщений: 8
Репутация: 15

Сообщение # 5 | 15:49:04
Проблему решила так:


Код
#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
Сообщество uCoz » Архивариус » Корзина » Выровнять шапку
Страница 1 из 11
Поиск: