INLINE

[sce]

В общем вся суть проблемы есть так называемый хит продаж, его можно посмотреть тут в правой колонке сайта

моя задача:нужно отключить так называемую карусель и вывести товары в один ряд.

файл хтмл:

	<div class="carouselDiv">
	  <div class="jCarouselLite">
		<ul>
{section name=i1 loop=$hits_to_show max=$smarty.const.CONF_MAX_HITS}
		  <li>
<div style="margin: 2px; text-align: center;">
		<a href="./{$hits_to_show[i1][5]}">
		  <img src="./products_pictures/{$hits_to_show[i1][3]}" width="130px" height="130px" alt="{$hits_to_show[i1][1]|replace:'':'"'}" />
		</a>
		<br/>
		<a href="./{$hits_to_show[i1][5]}" class="title">{$hits_to_show[i1][1]}</a><br/>
{if $hits_to_show[i1][6] > 0}
		<span style="font-size: 12px; color: #900; font-weight: bold;">{$hits_to_show[i1][6]}</span>
{/if}
</div><br/> 
		  </li>
{/section}
		</ul>
	  </div>
	</div>

Для отключения карусели я просто убираю в первых строках классы class="carouselDiv" class="jCarouselLite" отключается карусель и товары выстраиваются друг под другом.

А вот, как сделать чтобы товары теперь выстроились в один ряд? Попробовал для тега <li> применить стиль display:inline но что то все равно не работает

Edited December 27, 2010 by sce

[Vlad]

В один ряд по вертикали надо выстроить? LI так и выстраивает по умолчанию.

[eVErl@Sting]

не понимаю тебя, тебе нужна карусель с лева на право в место с верху в низ? или что...если просто я ряд без карусели то там места тупа нету для этого.

[rus]

там не все так просто, во-первых, у ul стоит list-style:none; его надо убрать, во-вторых, у него этот параметр скорее всего идет с js и там его тоже надо вырубать, в-третьих, товары идут снизу - вверх, а тебе в js надо будет переделать что бы с лева - на право, или наоборот...

Так что простым редактированием css+html тут вряд ли обойтись.

[sce]

Я этот "хит продаж" перенес в контентную область, далее я отключил карусель и товары встали в один столбец друг под другом, а нужно чтобы 3 товара стали в один горизонтальный ряд. Без всяких каруселей и т.п, просто 3 товара в ряд

Edited December 27, 2010 by sce

[eVErl@Sting]

Блин качаешь jquery слайдер горизонтальный и вставляешь его куда тебе надо...зачем тот переделывать когда можно сделать новый слайдер.

[sce]

  eVErl@Sting said:

Блин качаешь jquery слайдер горизонтальный и вставляешь его куда тебе надо...зачем тот переделывать когда можно сделать новый слайдер.

дак а смысл?

мне нужно просто из вида:

  Quote

товар 1

товар 2

товар 3

превратить в вид:

  Quote

товар 1 l товар 2 l товар 3

когда убираю в первых строка class="carouselDiv" class="jCarouselLite"

картина получается вот такая:

  Quote

товар 1

товар 2

товар 3

а как можно сделать чтобы было все в ряд? на примере приведенного кода

Edited December 27, 2010 by sce

[rus]

RTFM ul li Edited December 27, 2010 by rus

[sce]

  rus said:

RTFM ul li

ну верно делал уже

к тегу уже многа раз пробовал применять стиль <li style="display: inline;"> но все равно ничего не работает( в чем может быть причина?

[RuSS]

У тебя там

  Quote

class="jCarouselLite"

ты по ходу используешь плагин слайдшоу jQuery, убери этот класс или инициализацию плагина, получится обычный список.

  sce said:

ну верно делал уже

к тегу уже многа раз пробовал применять стиль <li style="display: inline;"> но все равно ничего не работает( в чем может быть причина?

причина может быть в том, что в display: inline; содержится display: block; или около того, тогда нужно сделать либо float: left; либо dispaly: inline-table;

[sce]

RuSS, спасибо большое, помогло inline-table