Question

Возможно ли сделать, Что бы Картинка и текст стояли в в одну строчку?. на фото выделено красным

 

 

Answer 1

В шапке сайта найдите код:

<div class="top-line-fix">
 
<h2>Доска объявления: авто, недвижимость, бытовая техника.</h2>
 
<center><img src="http://www.abho.ru/abho_flag.png" border="0" alt=""><center\>

<div class="top-right">
<div class="user-nav">
 <ul>
 <li><a href="/index/8">Личный кабинет(<b>1</b>) </a></li>
 <li><a href="/index/10">Выход</a></li>
 </ul>
 </div>
 </div>

</center\></center></div>

замените на:

<div class="top-line-fix">
<img src="http://www.abho.ru/abho_flag.png" border="0" alt="" style=" vertical-align: middle; margin-top: 10px; ">
<h2 style=" float: left; margin-top: 28px; ">Доска объявления: авто, недвижимость, бытовая техника.</h2>
<div class="top-right">
<div class="user-nav"> <ul> <li><a href="/index/8">Личный кабинет(<b>1</b>) </a></li> <li><a href="/index/10">Выход</a></li> </ul>
</div> </div> </div>

Comments

Стало всё криво, кнопки Личный кабинет не работают.

---

Александр Пушной,

Кроме описанного выше в стилях ищем строку номер 162:

header .top-line .top-line-fix {
 width: 900px;
 margin: 0px 0px 0px 150px;
 position: relative;
 display: table-row;
}

добавить выделенное.

---

Yuri_Geruk,

Не работают кнопки Личный кабинет, вход, выход

---

Yuri_Geruk,

Всё, вроде получилось, только как поменять местами Текс с картинкой. Поставить сначала картинку затем текст.

---

Александр Пушной,

Попробуйте код который добавляли в шапку снова заменить но уже на:

<div class="top-line-fix">
 <h2 style="float: right;margin: 35px 10px;">Доска объявления: авто, недвижимость, бытовая техника. </h2>
<img src="http://www.abho.ru/abho_flag.png" border="0" alt="" style="float: left;vertical-align: middle;margin: 10px 10px;">
<div class="top-right">
<div class="user-nav">
 <ul>
 <li><a href="/index/8">Личный кабинет(<b>1</b>) </a></li>
 <li><a href="/index/10">Выход</a></li>
 </ul>
 </div>
 </div>
</div>

и в стилях строку номер 257 поправить заменив на:

header .top-line .top-line-fix .top-right {
 margin: 20px 0 0;
 margin-left: 755px;
 padding: 10px 0 10px 10px;
 height: 30px;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 border-radius: 3px;
 overflow: hidden;
 position: absolute;
}

на этом все, изучайте html  и CSS - http://htmlbook.ru/css