ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / (блочная вёрстка и css), как расположить блоки по очереди?
10 сообщений из 10, страница 1 из 1
(блочная вёрстка и css), как расположить блоки по очереди?
    #35946269
однобитный
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
однобитный
Участник
всем привет!

скажите, пожалуйста вот что... мне надо чтобы при добавлении неограниченного количества блоков, они каждый присоединялся один за другим (float: left), но без перехода на новую стоку...

т.е. что нужно сделать, чтобы это работало?...

Код: plaintext
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.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
69.
70.
71.
72.
73.
74.
75.
76.
77.
78.
79.
80.
81.
82.
83.
84.
85.
86.
87.
88.
89.
90.
91.
92.
93.
94.
95.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ru" xml:lang="ru">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<title></title>
<style>
* {
margin:  0 ;
padding: 30px;
border:  0 ;
}

body {
font:13px/ 1 . 231  Helvetica, arial, clean,sans-serif;
font-family: Arial, sans-serif;
margin:6px  0  10px;
padding:0px;
background:#FFFFFF;
background-position: left top;
background-repeat: repeat-x;
}

h1 {
	margin:  0 ;
	padding: 0px 0px 20px 0px;
	color: # 000000 ;
	font-size :  120 %;
	font-weight: bold; 
	line-height: 1em;
}

table.table_1
{
color: # 000000 ;
font-size :  100 %;
border-collapse: collapse;
}

td.td_1
{
border: 1px solid # 000000 ;
padding: 4px; 
}

.more {

}

.more_ {
background-color: #F8F8FF;
}
</style>
</head>

<body>

<h3>Список</h3>

<div style="float: left;">
<b>наименование</b>
</div>

<div style="float: left;">
test1
</div>

<div style="float: left;">
test2
</div>

<div style="float: left;">
test3
</div>

<div style="float: left;">
test3
</div>

<div style="float: left;">
test3
</div>

<div style="float: left;">
test3
</div>

<div style="float: left;">
test3
</div>


</body>
</html>

т.е. при сужении окошка блоки не должны переноситься на новую строку... ? :)
...
Рейтинг: 0 / 0
22.04.2009, 10:59
| Ответить | Цитировать | Написать  
(блочная вёрстка и css), как расположить блоки по очереди?
    #35946508
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Для ИЕ все решается просто...

 
<- Код тут
Код: plaintext
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.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
69.
70.
71.
72.
73.
74.
75.
76.
77.
78.
79.
80.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ru" xml:lang="ru">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<title></title>
<style>
* {
	margin:  0 ;
	padding: 30px;
	border:  0 ;
}

body {
	font:13px/ 1 . 231  Helvetica, arial, clean,sans-serif;
	font-family: Arial, sans-serif;
	margin:6px  0  10px;
	padding:0px;
	background:#FFFFFF;
	background-position: left top;
	background-repeat: repeat-x;
}

h1 {
	margin:  0 ;
	padding: 0px 0px 20px 0px;
	color: # 000000 ;
	font-size :  120 %;
	font-weight: bold; 
	line-height: 1em;
}
#content {
	width:  100 %;
}
.item {
	float: left;
	clear: right;
	border: 1px solid;
}
</style>
</head>

<body>

<h3>Список</h3>
<div id='content'>
	<div class="item">
		<b>наименование</b>
	</div>

	<div class="item">
		test1
	</div>

	<div class="item">
		test2
	</div>

	<div class="item">
		test3
	</div>

	<div class="item">
		test3
	</div>

	<div class="item">
		test3
	</div>

	<div class="item">
		test3
	</div>

	<div class="item">
		test3
	</div>
</div>
</body>
</html>

----------
Cache for Windows (x86-32) 2007.1.3 (Build 607) Wed Oct 17 2007 02:12:09 EDT
...
Рейтинг: 0 / 0
22.04.2009, 11:57
| Ответить | Цитировать | Написать  
(блочная вёрстка и css), как расположить блоки по очереди?
    #35946559
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Такая вот фигня работает везде +/- особенности...

 
<- Код тут
Код: plaintext
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.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
69.
70.
71.
72.
73.
74.
75.
76.
77.
78.
79.
80.
81.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ru" xml:lang="ru">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<title></title>
<style>
* {
	margin:  0 ;
	padding: 30px;
	border:  0 ;
}

body {
	font:13px/ 1 . 231  Helvetica, arial, clean,sans-serif;
	font-family: Arial, sans-serif;
	margin:6px  0  10px;
	padding:0px;
	background:#FFFFFF;
	background-position: left top;
	background-repeat: repeat-x;
}

h1 {
	margin:  0 ;
	padding: 0px 0px 20px 0px;
	color: # 000000 ;
	font-size :  120 %;
	font-weight: bold; 
	line-height: 1em;
}
#content {
	width:  100 %;
}
.item {
	display: inline;
	border: 1px solid;
}
</style>
</head>

<body>

<h3>Список</h3>
<div id='content'>
	<nobr>
		<div class="item">
			<b>наименование</b>
		</div>

		<div class="item">
			test1
		</div>

		<div class="item">
			test2
		</div>

		<div class="item">
			test3
		</div>

		<div class="item">
			test3
		</div>

		<div class="item">
			test3
		</div>

		<div class="item">
			test3
		</div>

		<div class="item">
			test3
		</div>
	</nobr>
</div>
</body>
</html>

----------
Cache for Windows (x86-32) 2007.1.3 (Build 607) Wed Oct 17 2007 02:12:09 EDT
...
Рейтинг: 0 / 0
22.04.2009, 12:06
| Ответить | Цитировать | Написать  
(блочная вёрстка и css), как расположить блоки по очереди?
    #35946642
Фотография Ex_Soft
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ex_Soft
Участник
2krvsa тынць
_________________
"Helo, word!" - 17 errors 56 warnings
Posted via ActualForum NNTP Server 1.4
...
Рейтинг: 0 / 0
22.04.2009, 12:21
| Ответить | Цитировать | Написать  
(блочная вёрстка и css), как расположить блоки по очереди?
    #35946693
однобитный
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
однобитный
Участник
спасибо :)
...
Рейтинг: 0 / 0
22.04.2009, 12:31
| Ответить | Цитировать | Написать  
(блочная вёрстка и css), как расположить блоки по очереди?
    #35947002
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Ex_Soft , это про спойлер?

однобитный , ты код мой увидел?
...
Рейтинг: 0 / 0
22.04.2009, 13:58
| Ответить | Цитировать | Написать  
(блочная вёрстка и css), как расположить блоки по очереди?
    #35947156
Фотография Ex_Soft
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ex_Soft
Участник
[off]
krvsa
про спойлер?

угу...
[/off]
_________________
"Helo, word!" - 17 errors 56 warnings
Posted via ActualForum NNTP Server 1.4
...
Рейтинг: 0 / 0
22.04.2009, 14:42
| Ответить | Цитировать | Написать  
(блочная вёрстка и css), как расположить блоки по очереди?
    #35947480
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Про спойлер учту...
----------
Cache for Windows (x86-32) 2007.1.3 (Build 607) Wed Oct 17 2007 02:12:09 EDT
...
Рейтинг: 0 / 0
22.04.2009, 15:56
| Ответить | Цитировать | Написать  
(блочная вёрстка и css), как расположить блоки по очереди?
    #35948672
однобитный
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
однобитный
Участник
krvsa Ex_Soft , это про спойлер?

однобитный , ты код мой увидел?

да увидел :) первый вариант более предпочтительней, по-моему, если хочешь покажу где применил - стукни в асю 23952879пять
...
Рейтинг: 0 / 0
23.04.2009, 06:58
| Ответить | Цитировать | Написать  
(блочная вёрстка и css), как расположить блоки по очереди?
    #35948716
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
однобитныйда увидел :)
Уже хорошо...
...
Рейтинг: 0 / 0
23.04.2009, 08:20
| Ответить | Цитировать | Написать  
10 сообщений из 10, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / (блочная вёрстка и css), как расположить блоки по очереди?
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=35947156&tid=1454926]:
 0ms
get settings:
 11ms
get forum list:
 20ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 185ms
get topic data:
 12ms
get forum data:
 3ms
get page messages:
 66ms
get tp. blocked users:
 1ms
others: 242ms
total:  548ms
созд. / загр.: 548ms
x
x
Закрыть


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