Как на место шапки установить блок

голоса: 0

Как на место шапки установить блок ПОПУЛЯРНОЕ?

сюда вставить выделенное красным только ниже код дубль не оставляем, после переноса, удалить чтобы не было два блока популярное
<div class="main-center-block">
<div class="top-menu">
<a href="/" class="top-menu-link">ГЛАВНАЯ</a>
<?if($USER_LOGGED_IN$)?>
<a href="/index/8" class="top-menu-link login-button">ЛИЧНЫЙ КАБИНЕТ</a>
<div class="login-block">
<div class="login-ava">
<?if($USER_AVATAR_URL$)?><img src="$USER_AVATAR_URL$" alt="$USERNAME$" /><?else?><img alt="" src="/images/noavatar.png" title="" /><?endif?>
</div>
<div class="l-link">
<a href="$PERSONAL_PAGE_LINK$">ПРОФИЛЬ</a>
<a href="$ADD_ENTRY_LINK$">ДОБАВИТЬ ФИЛЬМ</a>
<a href="$PM_URL$">Почта ($UNREAD_PM$)</a>
<a href="$LOGOUT_LINK$">ВЫЙТИ</a>
<div style="clear: both;"></div>
</div>
<div class="window_close"></div>
</div>
<?else?>
<a href="/register2" class="top-menu-link login-button">ВХОД НА САЙТ</a>
$LOGIN_FORM$ 
<?endif?>
<a href="/index/pravila_na_sajte/0-4" class="top-menu-link">ПРАВИЛА</a>
<a href="/index/tv_online/0-21" class="top-menu-link">TV-ONLINE</a>
<a href="/board/" class="top-menu-link">СТОЛ ЗАКАЗОВ</a> 
<div style="clear: both;"></div>
<div class="search-block">
<form onsubmit="document.getElementById('sfSbm').disabled=true" method="get" action="/search/" style="margin: 0;padding: 0;">
<input type="hidden" name="do" value="search"><input type="hidden" name="subaction" value="search" />
<input name="q" type="text" class="form-text" id="story" value="введите название фильма" onblur="if(this.value=='') this.value='введите название фильма';" onfocus="if(this.value=='введите название фильма') this.value='';" title="наберите Ваш запрос и нажмите enter" />
<input type="image" src="/images/search.png" value="Найти!" border="0" class="form-search" alt="Найти!">
</form>
</div>
</div>
</div>
</div>
<div class="main-center-block">
<div class="head-block">
<a href="/" class="logo"></a>
<div class="site-info">
<center><h1>СМОТРЕТЬ ФИЛЬМЫ СЕРИАЛЫ TV-ONLINE онлайн бесплатно в HD качестве</h1></center>
</div>
</div>
<div class="head-news-block">
<div class="head-news-block-title">ПОПУЛЯРНОЕ</div>
<div class="tcarusel tcarusel1">
<div class="tcarusel-main">
<ul class="tcarusel-scroll">
$MYINF_10$ 
</ul>
</div>

<div style="clear: both;"></div>
<div class="tcarusel-prev"></div>
<div class="tcarusel-next"></div>
</div>
</div>

Адрес сайта http://vkinohd.com/
| Автор: | Категория: Дизайн сайта

Дополнение, вы не весь код предоставили, установить выделенное красным нужно перед кодом:

<div class="body2">
<div class="top-line">

тогда будет все как положено.

Ответов: 1

Голоса: +1
 
Лучший ответ
Поправил в вашем сообщении, надеюсь немного начнете смотреть код и включать логическое мышление. Удачи!
| Автор:
Выбор ответа лучшим | | Автор: Yuri_Geruk
Yuri_Geruk,

Поигралась. Популярное встало над зеленой строчкой. А сдвинуть ПОПУЛЯРНОЕ влево перед зелёной строчкой нельзя?

Также зелёную добавила под блоком. Но она стоит впритык с линейкой. Как сделать расстояние между ними побольше?

Оксана Спивак,

Чтобы в нижней сделать промежуток, замените код что ниже:

<div class="head-news-block-title"></div>

на:

<div class="head-news-block-title" style="height: 10px;"></div>

чтобы сдвинуть надпись влево, найдите код:

<div class="head-news-block-title">ПОПУЛЯРНОЕ</div>

замените на:

<div class="head-news-block-title"><span>ПОПУЛЯРНОЕ</span></div>

и в стили добавьте:

    .head-news-block-title span {float:left;margin-top:10px}

Yuri_Geruk,

Благодарю Вас, Юра! Всё сделала. Всё получилось! 

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

У меня очень наболевший вопрос, который я не могу никак решить. Это некорректная работа поиска. 

Поиск работает, но в нем не отображается блок Фильм онлайн., при клике на него перекидывает на главную страницу.

 

<div class="myBox2 serch">

<table class="" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td colspan="2">
<div class="">
<a href="$ENTRY_URL$"><h1>$TITLE$</h1></a> 
</div>
</td>
</tr>
<tr>
<td style="vertical-align:top;" width="190px">
<div style="float:left;">
<div>
<a href="$ENTRY_URL$"><img src="$IMG_URL$" alt="$TITLE$" width="180"></a>
</div>
</div>
</td>
<td style="vertical-align:top;">
<div style="clear:both;"></div>
<span class="w_w30p">Описание:</span> <span class="w_w70p">$MESSAGE$</span><br>
</td>
</tr>
<tr>
<td style="vertical-align:bottom;">
<a href="$ENTRY_URL$"><div class="watch-movie"></div></a>
</td>
<td></td>
</tr>
<tr>
<td colspan="2" class="short_news_card_main_table-dotted-border">
<div class="wDivider"></div>
<ul class="post-info">
<li style="width:50%;"><br><span class="light-movie-info-blue">$ENTRY_DEPTH$</span></li>
<li style="width:50%;">
<div style="float:right;">
<div class="rating" style="float:right;position:relative;top:8px;"><?if($SAVING_DATE$)?> $SAVING_DATE$<?endif?></div>
</div>
</li>
</ul>
<div></div>
</td>
</tr>
</tbody>
</table>
</div>
<div class="scrollTop-black" onclick="$('body').scrollTo('0px',1000, {axis:'y'})"></div>

И как разделить фильмы полосой?

Yuri_Geruk,
Юра, не поняла. На почту пришёл комментарий от вас. Открыла, ничего нет.
Yuri_Geruk,

Юра, пожалуйста покажите, что вы поправили. Сообщения от вас приходят, окрываю, ничего нет. Комметы только мои.

 

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

У меня очень наболевший вопрос, который я не могу никак решить. Это некорректная работа поиска. 

Поиск работает, но в нем не отображается блок Фильм онлайн., при клике на него перекидывает на главную страницу.

 

<div class="myBox2 serch">

<table class="" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td colspan="2">
<div class="">
<a href="$ENTRY_URL$"><h1>$TITLE$</h1></a> 
</div>
</td>
</tr>
<tr>
<td style="vertical-align:top;" width="190px">
<div style="float:left;">
<div>
<a href="$ENTRY_URL$"><img src="$IMG_URL$" alt="$TITLE$" width="180"></a>
</div>
</div>
</td>
<td style="vertical-align:top;">
<div style="clear:both;"></div>
<span class="w_w30p">Описание:</span> <span class="w_w70p">$MESSAGE$</span><br>
</td>
</tr>
<tr>
<td style="vertical-align:bottom;">
<a href="$ENTRY_URL$"><div class="watch-movie"></div></a>
</td>
<td></td>
</tr>
<tr>
<td colspan="2" class="short_news_card_main_table-dotted-border">
<div class="wDivider"></div>
<ul class="post-info">
<li style="width:50%;"><br><span class="light-movie-info-blue">$ENTRY_DEPTH$</span></li>
<li style="width:50%;">
<div style="float:right;">
<div class="rating" style="float:right;position:relative;top:8px;"><?if($SAVING_DATE$)?> $SAVING_DATE$<?endif?></div>
</div>
</li>
</ul>
<div></div>
</td>
</tr>
</tbody>
</table>
</div>
<div class="scrollTop-black" onclick="$('body').scrollTo('0px',1000, {axis:'y'})"></div>

И как разделить фильмы полосой?

...