Кто шарит в css?

kiberman
На сайте с 07.09.2010
Offline
11
517

Подскажите плз как выровнять блок Рекомендуемые новинки? Нужно чтобы блок был в 2 строки по 3 фильма. В main.tpl перед {content} указываю <ul id="rec_films">{recomended-news}</ul>

А в css прописываю вот это

/*Рекомендуемые фильмы*/

#rec_films{margin:20px;padding:10px 0 0 0;list-style:none}
#rec_films li{width:16%;text-align:center;float:left;font:bold 11px Arial;color:#636363}
#rec_films li img{display:block;margin:0 auto 8px auto}
#rec_films li a:link{font:bold 11px Arial;color:#636363;text-decoration:none}
#rec_films li a:visited{font:bold 11px Arial;color:#636363;text-decoration:none}
#rec_films li a:hover{font:bold 11px Arial;color:#636363;text-decoration:underline}

И у меня получается вот так :(

Новость почему та справа залазит. Ей нужно быть внизу. Как подправить? Кто что посоветует?

vandamme
На сайте с 30.11.2008
Offline
675
#1

<div class="clear"></div>

.clear {

clear: both;

}

vandamme добавил 22.09.2010 в 23:25

this is separator

kiberman
На сайте с 07.09.2010
Offline
11
#2
vandamme:
<div class="clear"></div>

.clear {
clear: both;
}

vandamme добавил 22.09.2010 в 23:25
this is separator

Вообще ушло вниз вот так

vandamme
На сайте с 30.11.2008
Offline
675
#3
kiberman:
Ей нужно быть внизу.
kiberman:
Вообще ушло вниз вот так

вы хоть поймите что вы хотите

kiberman
На сайте с 07.09.2010
Offline
11
#4
vandamme:
вы хоть поймите что вы хотите

я то понял, вы не поняли.

"

Вообще ушло вниз вот так

"

Это я имею ввиду content и блок рек фильмы ушел вниз под левые и правые колонки.

kiberman добавил 22.09.2010 в 23:46

в идеале мне нужно вот так

[Удален]
#5

Вам правильно сказали, попробуйте так:


<ul id="rec_films">{recomended-news}</ul>
<div style="clear: both;"></div>
{content}

P.S. А вообще нужно код видеть.

kiberman
На сайте с 07.09.2010
Offline
11
#6
Сашко:
Вам правильно сказали, попробуйте так:
Код HTML:

<ul id="rec_films">{recomended-news}</ul>
<div style="clear: both;"></div>
{content}

P.S. А вообще нужно код видеть.
__________________

Пробую, контент почему то съезжает под правые и левые колонки вот так

kiberman добавил 23.09.2010 в 00:05

вот кусок кода

<!-- центральная колонка -->

<ul id="rec_films">{recomended-news}</ul>

<div style="clear: both;">

<div id="c-col" [aviable=main]class="short"[/aviable] [not-aviable=main]class="wide"[/not-aviable]>

{info}{content}

</div>

</div>

I9
На сайте с 19.05.2010
Offline
5
#7

Попробуй это все в 1 див объеденить:

<div>

<ul id="rec_films">{recomended-news}</ul>

<div style="clear: both;">

<div id="c-col" [aviable=main]class="short"[/aviable] [not-aviable=main]class="wide"[/not-aviable]>

{info}{content}

</div>

Но нужно видеть код как правильно сказали выше и не кусок а весь) Я предположить только могу) Если что пиши в аську 58-54-88-376 помогу

</div>

vandamme
На сайте с 30.11.2008
Offline
675
#8

надо разъединять центр от сайдбаров, вот он и уехал под сайдбар

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