Как передвинуть изображение(лого) в шапке сайта?

голоса: 0

Помогите передвинуть эмблему вверху с левого края (logotip_itog.jpg) чуть ниже, так, чтобы текст справа остался на том же месте.

Вот код верхней части сайта:

<div class="header">

 <div style="text-align: left;"><img src="/EMBLEMA_110516/logotip_itog.jpg" alt="" width="110px" height="91px" style="text-align: right; position: absolute;"><div style="text-align: center;"> &nbsp;&nbsp;</div><div style="text-align: center;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<img src="http://sovietmuseum.ucoz.net/Zagolovok_cauta/1-1.png" alt="" width="84px" height="40px"><img src="/Zagolovok_cauta/2.png" alt="" width="486" height="46"><img src="/Zagolovok_cauta/3-1.png" alt="" width="257" height="40"></div></div><div><div class="navigation"><a href="$HOME_PAGE_LINK$"><!--<s5176>--></a></div><a href="$HOME_PAGE_LINK$">
</a></div><a href="$HOME_PAGE_LINK$">

</a><div class="navigation"><a href="$HOME_PAGE_LINK$"></a><a href="$HOME_PAGE_LINK$"><!--<s5176>-->Главная<!--</s>--></a> | <?if($USER_LOGGED_IN$)?><a href="$PERSONAL_PAGE_LINK$"><!--<s5214>-->Мой профиль<!--</s>--></a><?else?> <a href="$REGISTER_LINK$"><!--<s3089>-->Регистрация<!--</s>--></a><?endif?> | <?if($USER_LOGGED_IN$)?> <a href="$LOGOUT_LINK$"><!--<s5164>-->Выход<!--</s>--></a><?else?> <a href="$LOGIN_LINK$"><!--<s3087>-->Вход<!--</s>--></a><?endif?><?if($RSS_LINK$)?> | <a href="$RSS_LINK$">RSS</a><?endif?></div>

</div>

 

 

<link type="text/css" rel="StyleSheet" href="http://sovietmuseum.ucoz.net/layer2qqqqqqqqqqqqqqqqq.css">      

Адрес сайта http://sovietmuseum.ucoz.net/#
| Автор: | Категория: Дизайн сайта

Ответов: 2

Голоса: +1
 
Лучший ответ

Попробуйте добавить в таблицу стилей CSS в самый низ следующие стили:

.header img {top: 15px;left: 10px;}

после должно быть как нужно, если слишком близко - left или низко - top регулируем цифровые параметры и настраиваем как нужно.

| Автор:
Выбор ответа лучшим | | Автор: Иван Иванов #25
Голоса: +1
Так пропишите свою картинку

<img src="/EMBLEMA_110516/logotip_itog.jpg" alt="" width="110px" height="91px" style="position: absolute; text-align: right; top: 20px;">
| Автор:
...