ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Расположить слои в ряд по горизонтале
6 сообщений из 6, страница 1 из 1
Расположить слои в ряд по горизонтале
    #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:20
| Ответить | Цитировать | Написать  
Расположить слои в ряд по горизонтале
    #38306282
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
Нужен код вместе с этим слоем с авто.
...
Рейтинг: 0 / 0
21.06.2013, 14:26
| Ответить | Цитировать | Написать  
Расположить слои в ряд по горизонтале
    #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, 14:28
| Ответить | Цитировать | Написать  
Расположить слои в ряд по горизонтале
    #38306391
Фотография user89
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
user89
Участник
MegaLasta,

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

Простой пример галереи 14353915
...
Рейтинг: 0 / 0
21.06.2013, 15:17
| Ответить | Цитировать | Написать  
Расположить слои в ряд по горизонтале
    #38306655
Фотография meg17m
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
meg17m
Участник
Вопрос решен, ошибка была в джаваскрипте. Топик закрыт.
...
Рейтинг: 0 / 0
21.06.2013, 17:46
| Ответить | Цитировать | Написать  
Расположить слои в ряд по горизонтале
    #38306659
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
MegaLastaВопрос решен, ошибка была в джаваскрипте. Топик закрыт.Вот что код животворящий делает!
...
Рейтинг: 0 / 0
21.06.2013, 17:49
| Ответить | Цитировать | Написать  
6 сообщений из 6, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Расположить слои в ряд по горизонтале
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/search_topic.php?author=vers321&author_mode=last_topics&do_search=1]:
 0ms
get settings:
 7ms
get forum list:
 16ms
get settings:
 8ms
get forum list:
 16ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 190ms
get topic data:
 9ms
get first new msg:
 5ms
get forum data:
 2ms
get page messages:
 52ms
get tp. blocked users:
 1ms
others: 440ms
total:  752ms
созд. / загр.: 752ms
x
x
Закрыть


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