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

Так вот, представьте, что вместо стрелочек используются отступы (фиксиованные, 2em, например). И нужно сделать так, чтобы в критический момент эти отступы пропадали, а текст так же примыкал бы вплотную (или почти вплотную) к левому краю своей ячейки или ДИВа.

Вообще, я делал подобное на этом сайте (посжимайте меню) — вставлял с краю пустую ячейку с нужным отступом. Но приделывать по ячейке к каждому пункту меню как-то не очень хочется. Есть способы проще?
...
Рейтинг: 0 / 0
10.04.2010, 14:56:52
| Ответить | Цитировать | Написать  
Как сделать отступ, исчезающий при уменьшении сайта. Нужен самый эффективный способ
    #36572286
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Shitbox2Например, есть такой сайтик .
Неверный адрес
...
Рейтинг: 0 / 0
10.04.2010, 15:48:27
| Ответить | Цитировать | Написать  
Как сделать отступ, исчезающий при уменьшении сайта. Нужен самый эффективный способ
    #36572288
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Shitbox2Вообще, я делал подобное на этом сайте
Так же не открывается...

Делай тестовый пример... Или на картинке покажи чего хочешь...
...
Рейтинг: 0 / 0
10.04.2010, 15:50:08
| Ответить | Цитировать | Написать  
Как сделать отступ, исчезающий при уменьшении сайта. Нужен самый эффективный способ
    #36572290
Shitbox2
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Shitbox2
Участник
Заключил адреса сайтов в кавычки, а это не работает — извиняюсь.

В общем, первый сайт: http://www.artlebedev.ru/
второй: http://silent.land.ru/roseurosnab/index.html
...
Рейтинг: 0 / 0
10.04.2010, 15:57:34
| Ответить | Цитировать | Написать  
Как сделать отступ, исчезающий при уменьшении сайта. Нужен самый эффективный способ
    #36572299
Shitbox2
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Shitbox2
Участник
Вот пример .

В этом меню я сделал отступы с помощью неразрывных пробелов, которые при сжатии переносятся на новую строчку. К сожалению из-за этого прыгает высота ячейки, да и левые символы в меню не очень хочется использовать. Нужен способ получше.
...
Рейтинг: 0 / 0
10.04.2010, 16:22:50
| Ответить | Цитировать | Написать  
Как сделать отступ, исчезающий при уменьшении сайта. Нужен самый эффективный способ
    #36572339
Shitbox2
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Shitbox2
Участник
Ещё такой способ — самый лучший, но слишком тяжеловесный.
...
Рейтинг: 0 / 0
10.04.2010, 17:38:33
| Ответить | Цитировать | Написать  
Как сделать отступ, исчезающий при уменьшении сайта. Нужен самый эффективный способ
    #36572361
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Какие-то менюшки не разбери пойми... Я так и не понял что ты хочешь сделать в итоге. Может тестовый пример прояснит дело?
----------
Cache for Windows (x86-32) 2007.1.3 (Build 607) Wed Oct 17 2007 02:12:09 EDT
...
Рейтинг: 0 / 0
10.04.2010, 18:18:55
| Ответить | Цитировать | Написать  
Как сделать отступ, исчезающий при уменьшении сайта. Нужен самый эффективный способ
    #36572371
Shitbox2
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Shitbox2
Участник
Извиняюсь за то, что сразу пример не сделал.

В общем, нужно сделать абсолютно так же как в прошлом примере , но с меньшим количеством таблиц или вообще без них. Т.е. проще нужно сделать.
...
Рейтинг: 0 / 0
10.04.2010, 18:35:02
| Ответить | Цитировать | Написать  
Как сделать отступ, исчезающий при уменьшении сайта. Нужен самый эффективный способ
    #36572443
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Shitbox2 , таки с тебя тестовый пример...
...
Рейтинг: 0 / 0
10.04.2010, 20:31:00
| Ответить | Цитировать | Написать  
Как сделать отступ, исчезающий при уменьшении сайта. Нужен самый эффективный способ
    #36572480
Shitbox2
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Shitbox2
Участник
Так прошлый пример и есть тестовый :-)
...
Рейтинг: 0 / 0
10.04.2010, 21:20:17
| Ответить | Цитировать | Написать  
Как сделать отступ, исчезающий при уменьшении сайта. Нужен самый эффективный способ
    #36572505
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Shitbox2Так прошлый пример и есть тестовый :-)
Он далеко не тестовый...
...
Рейтинг: 0 / 0
10.04.2010, 22:08:50
| Ответить | Цитировать | Написать  
Как сделать отступ, исчезающий при уменьшении сайта. Нужен самый эффективный способ
    #36572536
Shitbox2
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Shitbox2
Участник
Тогда что значит тестовый пример?

Если что, у меня нет готового сайта. Обычно сайты начинаю делать, когда все проблемные места проработаю. Вот меню и есть такое место, так что это наиболее полный пример, который может у меня быть :-)
...
Рейтинг: 0 / 0
10.04.2010, 23:00:17
| Ответить | Цитировать | Написать  
Как сделать отступ, исчезающий при уменьшении сайта. Нужен самый эффективный способ
    #36572801
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Shitbox2Тогда что значит тестовый пример?
Минимальный код страницы, для иллюстрации проблемы, который выкладывается тут. Его можно скопипастить, подправить и показать что получилось.
...
Рейтинг: 0 / 0
11.04.2010, 15:09:30
| Ответить | Цитировать | Написать  
Как сделать отступ, исчезающий при уменьшении сайта. Нужен самый эффективный способ
    #36572892
Shitbox2
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Shitbox2
Участник
Код: 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.
		<style type="text/css">		
			table {
				border-collapse: collapse;
				background: #ccc;
				width:  100 %;
			}

			.item {
				border: solid 1px;
			}
						
			.item1 {
				width:  12 . 5 %;
			}
			
			.item2 {
				width:  12 . 5 %;
			}
			
			.item3 {
				width:  12 . 5 %;
			}			
 
			.item4 {
				width:  25 %;
			}			
			
			.item5 {
				width:  37 . 5 %;
			}
 
			.indent {
				width: 2em;
				}
		</style> 
 
		<table> 
			<tr> 
				<td class="item item1"> 
					<table> 
						<tr> 
							<td class="indent"> 
							</td> 
							<td> 
								Lorem
							</td> 
						</tr> 
					</table> 
				</td> 
				<td class="item item2"> 
					<table> 
						<tr> 
							<td class="indent"> 
							</td> 
							<td> 
								Ipsum
							</td> 
						</tr> 
					</table> 
				</td> 
				<td class="item item3"> 
					<table> 
						<tr> 
							<td class="indent"> 
							</td> 
							<td> 
								Dolor
							</td> 
						</tr> 
					</table> 
				</td> 
				<td class="item item4"> 
					<table> 
						<tr> 
							<td class="indent"> 
							</td> 
							<td> 
								Sed Accumsan
							</td> 
						</tr> 
					</table> 
				</td> 
				<td class="item item5"> 
					<table> 
						<tr> 
							<td class="indent"> 
							</td> 
							<td> 
								Maecenas auctor tempor ligula
							</td> 
						</tr> 
					</table> 
				</td> 
			</tr> 
		</table>

Вот, минимальный код.
...
Рейтинг: 0 / 0
11.04.2010, 18:05:52
| Ответить | Цитировать | Написать  
Как сделать отступ, исчезающий при уменьшении сайта. Нужен самый эффективный способ
    #36572960
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Shitbox2нужно сделать так, чтобы в критический момент эти отступы пропадали, а текст так же примыкал бы вплотную (или почти вплотную) к левому краю своей ячейки или ДИВа.
Как вариант...

Код: 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.
<HTML>
<HEAD>
<TITLE></TITLE>
<STYLE>
table {
	border-collapse: collapse;
	background: #ccc;
	width:  100 %;
}
.item {
	border: solid 1px;
}
.item1 {
	width:  12 . 5 %;
}
.item2 {
	width:  12 . 5 %;
}
.item3 {
	width:  12 . 5 %;
}			
.item4 {
	width:  25 %;
}			
.item5 {
	width:  37 . 5 %;
}
.indent,
.tab {
	width: 2em;
}
.tab  {
	float: left;
	height: 1px;
}
.tit {
	float: left;
	height:  100 %;
}
</STYLE>
</HEAD>
<BODY>
<table> 
<tr> 
	<td class="item item1"> 
		<div class='tab'></div>
		<div class='tit'> 
			Lorem
		</div> 
	</td> 
	<td class="item item2"> 
		<div class='tab'></div>
		<div class='tit'> 
			Ipsum
		</div> 
	</td> 
	<td class="item item3"> 
		<div class='tab'></div>
		<div class='tit'> 
			Dolor
		</div> 
	</td> 
	<td class="item item4"> 
		<div class='tab'></div>
		<div class='tit'> 
			Sed Accumsan
		</div> 
	</td> 
	<td class="item item5"> 
		<div class='tab'></div>
		<div class='tit'> 
			Maecenas auctor tempor ligula
		</div> 
	</td> 
</tr> 
</table> 
</BODY>
</HTML>
...
Рейтинг: 0 / 0
11.04.2010, 19:50:36
| Ответить | Цитировать | Написать  
Как сделать отступ, исчезающий при уменьшении сайта. Нужен самый эффективный способ
    #36573324
Shitbox2
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Shitbox2
Участник
krvsa
Как вариант...

Семантически очень хороший вариант. Даже не знаю, можно ли лучше сделать :-)
...
Рейтинг: 0 / 0
12.04.2010, 09:26:03
| Ответить | Цитировать | Написать  
Как сделать отступ, исчезающий при уменьшении сайта. Нужен самый эффективный способ
    #36573359
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Shitbox2 , но ДИВы не дадут такой "гибкости" по отображению как таблицы... ДИВы более жостче чтоли...
...
Рейтинг: 0 / 0
12.04.2010, 09:49:26
| Ответить | Цитировать | Написать  
17 сообщений из 17, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как сделать отступ, исчезающий при уменьшении сайта. Нужен самый эффективный способ
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=36572299&tid=1453244]:
 0ms
get settings:
 8ms
get forum list:
 12ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 179ms
get topic data:
 8ms
get forum data:
 2ms
get page messages:
 38ms
get tp. blocked users:
 1ms
others: 221ms
total:  473ms
созд. / загр.: 473ms
x
x
Закрыть


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