ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / авто ширина блока + центрока по высоте на примере
16 сообщений из 16, страница 1 из 1
авто ширина блока + центрока по высоте на примере
    #36522141
NT Man
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
NT Man
Гость
Есть вот такой пример:
Код: 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.
<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
		<style>
			* {border: dashed 1px # 363636 ;}
			a {
				display: inline-block;
	            		vertical-align: middle;
				height: 100 %;	
			}
			div.example {
				margin: auto 10px;
				padding: 1em;
				width: 300px;
				height: 300px;
			}
		</style>
	</head>
	<body>
		<div class="example">
			<a href="?"><b>Link  1 </b></a>
			<a href="?" style="float:right">Link  2 </a>
			<a href="?" style="float:right">Link  3 </a>
			<a href="?" style="float:right">Link  4 </a>
		</div>					
	</body>
</html>

1) Требуется чтобы блок Link1 расширился на все незанятое пространство.
2) Надписи Link 1, Link 2, Link 3, Link 4 были по центру.
Уже бьюсь сутки, видимо не так-то это просто сделать.
...
Рейтинг: 0 / 0
15.03.2010, 23:59:31
| Ответить | Цитировать | Написать  
авто ширина блока + центрока по высоте на примере
    #36522296
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
NT Manблок Link1
Это вот это
Код: plaintext
<b>Link  1 </b>
ты называешь "блоком Link1"?
Насколько я понимаю блок тут только один
Код: plaintext
1.
2.
<div class="example">
...
</div>
Остальное можно вообше назвать - каша.

Нарисуй (на картинке) что тебе хочется получить в итоге...
...
Рейтинг: 0 / 0
16.03.2010, 08:30:28
| Ответить | Цитировать | Написать  
авто ширина блока + центрока по высоте на примере
    #36522298
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
NT ManУже бьюсь сутки, видимо не так-то это просто сделать.
Зачем же вы так убиваетесь? Вы же так не убъётесь! (с) из народного фальклёра
...
Рейтинг: 0 / 0
16.03.2010, 08:31:23
| Ответить | Цитировать | Написать  
авто ширина блока + центрока по высоте на примере
    #36522314
NT Man
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
NT Man
Гость
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.
<!DOCTYPE html>
  <html>
     <head>
         <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
         <style>
             * {border: dashed 1px # 363636 ;}
             a {
                 display: table-cell;
                 vertical-align: middle;
             }
             div.example {
                 margin: auto 10px;
                 padding: 1em;
                 width: 300px;
                 height: 300px;
                 display: table;
             }
         </style>
     </head>
     <body>
         <div class="example">
             <a href="?" style="width:100%"><b>Link- 1 </b></a>
             <a href="?">Link- 2 </a>
             <a href="?">Link- 3 </a>
             <a href="?">Link- 4 </a>
         </div>                    
     </body>
  </html>
смогешь лучше сделать?
...
Рейтинг: 0 / 0
16.03.2010, 08:53:29
| Ответить | Цитировать | Написать  
авто ширина блока + центрока по высоте на примере
    #36522390
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
NT ManВот сам все сделал
А ИЕ вкурсе?
...
Рейтинг: 0 / 0
16.03.2010, 09:43:11
| Ответить | Цитировать | Написать  
авто ширина блока + центрока по высоте на примере
    #36527098
NT Man
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
NT Man
Гость
8-ой да. Ну, коли знаешь как 6/7 ещё приручить колись.
...
Рейтинг: 0 / 0
17.03.2010, 21:04:24
| Ответить | Цитировать | Написать  
авто ширина блока + центрока по высоте на примере
    #36527119
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
NT Manкак 6/7 ещё приручить колись.
Там с центрированием по вертикали только табличка поможет
...
Рейтинг: 0 / 0
17.03.2010, 21:25:39
| Ответить | Цитировать | Написать  
авто ширина блока + центрока по высоте на примере
    #36527131
NT Man
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
NT Man
Гость
krvsaТам с центрированием по вертикали только табличка поможет
До этого я дошел, а вот сделать ссылку в размер ячейки неполучилось. Может вместе подумаем как вписать в ячейку ссылку, чтобы она стала в размер ячейки.
...
Рейтинг: 0 / 0
17.03.2010, 21:35:16
| Ответить | Цитировать | Написать  
авто ширина блока + центрока по высоте на примере
    #36527143
NT Man
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
NT Man
Гость
Вот такое начало:
Код: 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.
<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
		<style>
			* {border: dashed 1px # 363636 ;}
			div.example {
				border: dashed 1px # 363636 ;
				margin: auto 10px;
				padding: 1em;
				width: 200px;
				height: 200px;
			}
			a {
				display: block;
			}
		</style>
	</head>
	<body>
		<div class="example">
		<table style="width:100%; height:100%">
		<tr>
			<td style="width:100%"><a href="?"><b>Продукты</b></a></td>
			<td><a href="?">R</a></td>
			<td><a href="?">E</a></td>
			<td><a href="?">A</a></td>
		</tr>
		</table>			
		</div>
	</body>
</html>
...
Рейтинг: 0 / 0
17.03.2010, 21:42:57
| Ответить | Цитировать | Написать  
авто ширина блока + центрока по высоте на примере
    #36527361
EmilRegis
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
EmilRegis
Участник
Код: plaintext
1.
2.
3.
td a{
	height: 100 %;
}
но в этом случае текст будет вверху ячейки...сделать его посередине не получилось, поэтому возможно лучше ссылки <a> убрать,а саму тэдэшку стилями заточить под ссылку
...
Рейтинг: 0 / 0
18.03.2010, 07:13:21
| Ответить | Цитировать | Написать  
авто ширина блока + центрока по высоте на примере
    #36527382
NT Man
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
NT Man
Гость
EmilRegis поэтому возможно лучше ссылки <a> убрать,а саму тэдэшку стилями заточить под ссылку
с этого момента подробнее... onclick не предлагать.
...
Рейтинг: 0 / 0
18.03.2010, 07:51:41
| Ответить | Цитировать | Написать  
авто ширина блока + центрока по высоте на примере
    #36527391
EmilRegis
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
EmilRegis
Участник
а чем не устраивает?
...
Рейтинг: 0 / 0
18.03.2010, 08:04:34
| Ответить | Цитировать | Написать  
авто ширина блока + центрока по высоте на примере
    #36527394
NT Man
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
NT Man
Гость
EmilRegisа чем не устраивает?
должно все работать и без javascript-а.
...
Рейтинг: 0 / 0
18.03.2010, 08:10:10
| Ответить | Цитировать | Написать  
авто ширина блока + центрока по высоте на примере
    #36527403
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
NT Manкак вписать в ячейку ссылку, чтобы она стала в размер ячейки.
NT ManВот такое начало
Рамка везде во всю ширину ячейки и ссылки посередине. Или ты еще чего хотел сделать?
...
Рейтинг: 0 / 0
18.03.2010, 08:23:30
| Ответить | Цитировать | Написать  
авто ширина блока + центрока по высоте на примере
    #36527408
NT Man
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
NT Man
Гость
krvsaРамка везде во всю ширину ячейки и ссылки посередине. Или ты еще чего хотел сделать?
то-же самое по высоте надо получить.
...
Рейтинг: 0 / 0
18.03.2010, 08:26:17
| Ответить | Цитировать | Написать  
авто ширина блока + центрока по высоте на примере
    #36527427
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
NT Manто-же самое по высоте надо получить.
Тако кроссбраузерно работает только внутри табличной ячейки... Т.е. без onclick будет не кроссбраузерно.

Либо придется целиться маргин-топом, дабы получить эффект центрирования. Типа такого

Код: 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.
<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
		<style>
			* {border: dashed 1px # 363636 ;}
			div.example {
				border: dashed 1px # 363636 ;
				margin: auto 10px;
				padding: 1em;
				width: 200px;
				height: 200px;
			}
			td {
				height:  100 %;
			}
			a {
				display: block;
				height:  100 %;
			}
			a b,
			a span {
				display: block;
				margin-top: 85px
			}
		</style>
	</head>
	<body>
		<div class="example">
		<table style="width:100%; height:100%">
		<tr>
			<td style="width:100%"><a href="?"><b>Продукты</b></a></td>
			<td><a href="?"><span>R</span></a></td>
			<td><a href="?"><span>E</span></a></td>
			<td><a href="?"><span>A</span></a></td>
		</tr>
		</table>			
		</div>
	</body>
</html>
...
Рейтинг: 0 / 0
18.03.2010, 08:43:38
| Ответить | Цитировать | Написать  
16 сообщений из 16, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / авто ширина блока + центрока по высоте на примере
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=36527131&tid=1453374]:
 0ms
get settings:
 9ms
get forum list:
 13ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 260ms
get topic data:
 10ms
get forum data:
 3ms
get page messages:
 56ms
get tp. blocked users:
 1ms
others: 239ms
total:  595ms
созд. / загр.: 595ms
x
x
Закрыть


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