Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Расположить слои в ряд по горизонтале / 6 сообщений из 6, страница 1 из 1
21.06.2013, 14:20
    #38306271
meg17m
meg17m
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Расположить слои в ряд по горизонтале
Здравствуйте! Как расположить слои в ряд по горизонтали? Стандартные фичи типа float: left и display: inline не помогают:
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
<div style="background: url(/images/555dis/igra1.png) no-repeat; width:167px; height:130px; float:left; display: inline;">

		</div>
		<div style="background: url(/images/555dis/igra2.png) no-repeat; width:167px; height:130px; float:left; display: inline;">

		</div>
		<div style="background: url(/images/555dis/igra3.png) no-repeat; width:167px; height:130px; float:left; display: inline;">

		</div>


Слои лежат внутри слоя с overflow:auto; (галерея с прокруткой)
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
21.06.2013, 14:26
    #38306282
Antonariy
Antonariy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Расположить слои в ряд по горизонтале
Нужен код вместе с этим слоем с авто.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
21.06.2013, 14:28
    #38306287
meg17m
meg17m
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Расположить слои в ряд по горизонтале
Antonariy, вот пожалуйста:
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
<div style='background: url(/images/555dis/slider-slotov.png) no-repeat; width:796px; height:157px; padding-top: 0px;padding-bottom: 10px; width: 97%; margin-left: -10px; margin-top: -50px;'>
	<div id="carusel" style="border:0px solid;width:774px;overflow:auto; cursor:pointer; margin-top: 40px; margin-left: 10px;">
	<div id="scrolled" style='margin-top: 10px;'>   
		<div style="background: url(/images/555dis/igra1.png) no-repeat; width:167px; height:130px; float:left; display: inline; margin: 2px;">

		</div>
		<div style="background: url(/images/555dis/igra2.png) no-repeat; width:167px; height:130px; float:left; display: inline; margin: 2px;">

		</div>
		<div style="background: url(/images/555dis/igra3.png) no-repeat; width:167px; height:130px; float:left; display: inline; margin: 2px;">

		</div>
		<div style="background: url(/images/555dis/igra4.png) no-repeat; width:167px; height:130px; float:left; display: inline; margin: 2px;">
		
		</div>
		<div style="background: url(/images/555dis/igra5.png) no-repeat; width:167px; height:130px; float:left; display: inline; margin: 2px;">
		
		</div>
		<div style="background: url(/images/555dis/igra6.png) no-repeat; width:167px; height:130px; float:left; display: inline; margin: 2px;">
		
		</div>
		<div style="background: url(/images/555dis/igra7.png) no-repeat; width:167px; height:130px; float:left; display: inline; margin: 2px;">
		
		</div>
		<div style="background: url(/images/555dis/igra8.png) no-repeat; width:167px; height:130px; float:left; display: inline; margin: 2px;">
		
		</div>
		<div style="background: url(/images/555dis/igra9.png) no-repeat; width:167px; height:130px; float:left; display: inline; margin: 2px;">
		
		</div>
		<div style="background: url(/images/555dis/igra10.png) no-repeat; width:167px; height:130px; float:left; display: inline; margin: 2px;">
		
		</div>
		<div style="background: url(/images/555dis/igra11.png) no-repeat; width:167px; height:130px; float:left; display: inline; margin: 2px;">
		
		</div>
		<div style="background: url(/images/555dis/igra12.png) no-repeat; width:167px; height:130px; float:left; display: inline; margin: 2px;">
		
		</div>
		<div style="background: url(/images/555dis/igra13.png) no-repeat; width:167px; height:130px; float:left; display: inline; margin: 2px;">
		
		</div>
		<div style="background: url(/images/555dis/igra14.png) no-repeat; width:167px; height:130px; float:left; display: inline; margin: 2px;">
		
		</div>
		<div style="background: url(/images/555dis/igra15.png) no-repeat; width:167px; height:130px; float:left; display: inline; margin: 2px;">
		
		</div>
		<div style="background: url(/images/555dis/igra16.png) no-repeat; width:167px; height:130px; float:left; display: inline; margin: 2px;">
		
		</div>
		<div style="background: url(/images/555dis/igra17.png) no-repeat; width:167px; height:130px; float:left; display: inline; margin: 2px;">
		
		</div>
	</div>  
	</div>		
	</div>

если вместо этих div-ов вставить <img, все располагается правильно и прокручивается автоскроллом на js
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
21.06.2013, 15:17
    #38306391
user89
user89
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Расположить слои в ряд по горизонтале
MegaLasta,

скопировал код, без картинок тяжело воспринимается :(
Поставил в стиль DIV-а рамку, чтобы посмотреть границы, получилось что-то непонятное http://f3.s.qip.ru/YLAzZn1M.png

Простой пример галереи 14353915
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
21.06.2013, 17:46
    #38306655
meg17m
meg17m
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Расположить слои в ряд по горизонтале
Вопрос решен, ошибка была в джаваскрипте. Топик закрыт.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
21.06.2013, 17:49
    #38306659
Antonariy
Antonariy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Расположить слои в ряд по горизонтале
MegaLastaВопрос решен, ошибка была в джаваскрипте. Топик закрыт.Вот что код животворящий делает!
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Расположить слои в ряд по горизонтале / 6 сообщений из 6, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 475ms
Закрыть
start [/forum/topic.php?fid=22&tablet=1&tid=1448206]:
 0ms
get settings:
 6ms
get forum list:
 20ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 155ms
get topic data:
 10ms
get forum data:
 3ms
get page messages:
 51ms
get tp. blocked users:
 1ms
others: 223ms
total:  475ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]