Форум Сайтостроение Веб-строительство

Переключатель страниц

[Удален]
665

ЗдравствуйТЕ ув. Форумчане!

Стоят новости в 2е колонки. Когда по горизонтали 2е новости, переключатель отображается нормально, а вот когда 1на, он заходит под неё. Сайт на Dle. Вот код shortstory:

<div class="news">
<div id="content">
<div class="here">
<div class="raiting">
<div class="rait">{vote-num}</div>
</div>
[full-link]<div class="titling"><center><h3><b>{title}</b></h3></center></div>[full-link]
[full-link]<img src="{image-1}" alt="{title}"/>[/full-link]
</div>
</div>
<div class="bsep">&nbsp;</div>
</div>
<div class="news_clr"></div>

Вот код переключателя (navigation):

<div class="dpad">
<div class="basenavi">
<div class="navigation">{pages}</div>
<div class="nextprev">
[prev-link]<span class="thide pprev">Назад</span>[/prev-link]
[next-link]<span class="thide pnext">Вперед</span>[/next-link]
</div>
</div>
</div>

Вот Стили: 

.dpad {

    margin: 0 28px;

}



.basenavi {

    height: 39px;

    background: url("../images/basenavi.png") no-repeat;

}



.navigation, .navigation a, .navigation span {

    float: left;

}



.navigation {

    font-size: 1.3em;

    padding: 7px 0 0 7px;

}



.navigation a {

    text-decoration: none;

}



.navigation a, .navigation span {

    padding: 0 4px;

    height: 22px;

    line-height: 21px;

}



.navigation a, .navigation span.nav_ext {

    color: #2c2c2c;

}



.navigation a:hover {

    color: #fff;

    background-color: #7bb81b;

}



.navigation span {

    color: #7bb81b;

}



.nextprev {

    float: right;

    width: 76px;

}



.nextprev .thide {

    float: left;

    width: 38px;

    padding-top: 39px;

    background: #7bb81b url("../images/basenavi.png") no-repeat 0 -39px;

}



.nextprev a span {

    cursor: pointer;

}



.nextprev span .pnext {

    background-position: -38px -39px;

}



.nextprev a .pnext {

    background-position: -114px -39px;

}



.nextprev span .pprev {

    background-position: 0 -39px;

}



.nextprev a .pprev {

    background-position: -76px -39px;

}

Как сделать что бы переключатель отображался под блоком с новостью, а не за ним..? :(

[Удален]
#1

Ап........

Станислав
На сайте с 27.12.2009
Offline
258
Станислав
#2 

.dpad { 
    margin: 0 28px; 
overflow:hidden;
}

наглядно бы увидеть это

Мы там, где рады нас видеть.
дани мапов
На сайте с 06.09.2012
Offline
204
дани мапов
#3

Попробуйте в navigation.tpl в самом начале поставить <div style="clear:both"></div>

Написание и доработка скриптов (PHP, MySQL, JavaScript, jQuery) (/ru/forum/811046)

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий