Горизонтальный скроллбар

[Webster]

Подскажите как сделать горизонтальный скроллбар для прокрутки контента, как здесь: http://markup-m.narod.ru/tpl/gorizontal_scroll_gallery/

Я скопировал всё с 6 по 42 строчку кода и заключил контент в <div class="gallery"></div>, но у меня не получилось: http://muz-city.r02.biz/load/aqua_how_ru_doin/52-1-0-10387

Edited July 15, 2012 by Webster

[mrnobody]

http://jsfiddle.net/vSRT7/

А нет, не то (

Edited July 15, 2012 by mrnobody

[Webster]

http://jsfiddle.net/vSRT7/

А нет, не то (

Почему не то? Я Поставил и у меня заработало. Только как сделать динамичную ширину wrap-g?

[mrnobody]

Не знаю, правильно так делать или нет, попробуйте так:

.wrap-g{
	width: 1000%;
}

Задайте высоту побольше .gallery height: 198px; и уберите нижний отступ у .new-clips-main в 20px (ведь он не нужен, если элементы идут в одну линию).

Edited July 15, 2012 by mrnobody

[Webster]

Не знаю, правильно так делать или нет, попробуйте так:

.wrap-g{
	width: 1000%;
}

Задайте высоту побольше .gallery height: 198px; и уберите нижний отступ у .new-clips-main в 20px (ведь он не нужен, если элементы идут в одну линию).

Спасибо, всё стало как я и хотел. Огромное вам спасибо.

[mrnobody]

Блин, только в Хроме корректно отображается прокрутка, в остальных она на тянется на всю ширину .wrap-g

[mrnobody]

Вот так сделай:

.wrap-g{
	display: table-row;
}
.new-clips-main{
	display: table-cell;
	height: 160px;
	width: 180px;
	padding-right: 10px;
	background-color: #31bfdd;
}?

Маржины удали и вместо него поставь правый паддинг.

Edited July 15, 2012 by mrnobody

[Webster]

Вот так сделай:

.wrap-g{
	display: table-row;
}
.new-clips-main{
	display: table-cell;
	height: 160px;
	width: 180px;
	padding-right: 10px;
	background-color: #31bfdd;
}?

Маржины удали и вместо него поставь правый паддинг.

У меня плохо получилось. Не так как надо. Вы не могли бы дать свой скайп для консультации? Очень надеюсь на вашу помощь.

[mrnobody]

У меня нету скайпа .

Сделай паддинг вот так:

.new-clips-main{
	padding: 10px 20px 10px 10px;
}

Edited July 16, 2012 by mrnobody

[Webster]

У меня нету скайпа .

Сделай паддинг вот так:

.new-clips-main{
	padding: 10px 20px 10px 10px;
}

Я там поигрался с кодом и вроде сделал как хотел, но попробую ещё с паддингом. Большое спасибо за помощь! Вы не могли бы подсказать мне, как обвести всё это чёрной полосой, чтоб выделялось. Большое спасибо.

Там вроде table-border-color, но я не знаю точно.

[mrnobody]

А где полоска должна быть?

какой вариант?

Или по всему периметру?

[Webster]

А где полоска должна быть?

какой вариант?

Или по всему периметру?

По всему периметру, включая и полосу прокрутки

[mrnobody]

Скрин:

Edited July 16, 2012 by mrnobody

[Webster]

Скрин:

Огромное вам спасибо за помощь!