Гость
Целевая тема:
Создать новую тему:
Автор:
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / (блочная вёрстка и css), как расположить блоки по очереди? / 10 сообщений из 10, страница 1 из 1
22.04.2009, 10:59
    #35946269
однобитный
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
(блочная вёрстка и css), как расположить блоки по очереди?
всем привет!

скажите, пожалуйста вот что... мне надо чтобы при добавлении неограниченного количества блоков, они каждый присоединялся один за другим (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, 11:57
    #35946508
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
(блочная вёрстка и css), как расположить блоки по очереди?
Для ИЕ все решается просто...

<- Код тут
Код: 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, 12:06
    #35946559
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
(блочная вёрстка и css), как расположить блоки по очереди?
Такая вот фигня работает везде +/- особенности...

<- Код тут
Код: 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:21
    #35946642
Ex_Soft
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
(блочная вёрстка и css), как расположить блоки по очереди?
2krvsa тынць
_________________
"Helo, word!" - 17 errors 56 warnings
Posted via ActualForum NNTP Server 1.4
...
Рейтинг: 0 / 0
22.04.2009, 12:31
    #35946693
однобитный
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
(блочная вёрстка и css), как расположить блоки по очереди?
спасибо :)
...
Рейтинг: 0 / 0
22.04.2009, 13:58
    #35947002
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
(блочная вёрстка и css), как расположить блоки по очереди?
Ex_Soft , это про спойлер?

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

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

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

да увидел :) первый вариант более предпочтительней, по-моему, если хочешь покажу где применил - стукни в асю 23952879пять
...
Рейтинг: 0 / 0
23.04.2009, 08:20
    #35948716
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
(блочная вёрстка и css), как расположить блоки по очереди?
однобитныйда увидел :)
Уже хорошо...
...
Рейтинг: 0 / 0
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / (блочная вёрстка и css), как расположить блоки по очереди? / 10 сообщений из 10, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


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