powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / подскажите по div
7 сообщений из 7, страница 1 из 1
подскажите по div
    #38631225
nxx
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
надо сделать вот такую вещь
подскажите как сделать

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
[кнопка1] [кнопка2]                         [кнопка3]
+---------------------------------------------------+
|                                                   |
| некий большой объект (таблица)                    |
|                                                   |
+---------------------------------------------------+
[кнопка4] [кнопка5]                         [кнопка6]

кнопки должны быть привязаны к границам объекта
...
Рейтинг: 0 / 0
подскажите по div
    #38631605
Фотография user89
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
nxx,

а у некоего большого объекта высота/ширина фиксирована?
...
Рейтинг: 0 / 0
подскажите по div
    #38631622
nxx
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
user89nxx,

а у некоего большого объекта высота/ширина фиксирована?

скорее нет, чем да
...
Рейтинг: 0 / 0
подскажите по div
    #38631635
White Owl
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Самое простое - положи кнопки в саму таблицу:

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
<table border=1>
<tr><td colspan=100>
<table width=100%>
<tr><td width=1%><input type=button value="button 1"></td>
    <td width=1%><input type=button value="button 2"></td>
    <td align=right><input type=button value="button 3"></td></tr>
</table>

</td></tr>
<tr><td>some cell</td>
    <td>other cell</td>
    <td>some very-very-very-very-very-long text</tr>
</table>
...
Рейтинг: 0 / 0
подскажите по div
    #38631704
Фотография user89
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
nxx,

Код: 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.
<!DOCTYPE html>
<html>
<head> <meta charset="windows-1251"> <title>Разметка</title>
<style>
table {border-collapse:collapse;}
td,th {padding:2px 4px;}
.data td,th {border:1px solid #c0c0c0;}
</style>
</head>
<body>
<table class="cont">
<tr><td style="width:5px;"><button>Кнопка 1</button></td><td><button>Кнопка 2</button></td><td align="right"><button>Кнопка 3</button></td></tr>
<tr><td colspan=3>
	<table class="data">
	<tr><th>The Asylum</th><th>20th Century Fox</th><th>Columbia Pictures</th></tr>
	<tr><td>Король затерянного мира</td><td>Звездные войны</td><td>Крид</td></tr>
	<tr><td>Терминаторы</td><td>Аватар</td><td>Мачеха</td></tr>
	<tr><td>Угроза из прошлого</td><td>Люди икс</td><td>Казино Рояль</td></tr>
	<tr><td>Андроид-полицейский</td><td>Хищник</td><td>Почти знаменит</td></tr>
	<tr><td>Помпеи: апокалипсис</td><td>Секретные материалы</td><td>Новый Человек-паук</td></tr>
	</table> <!-- data -->
</td></tr>
<tr><td><button>Кнопка 4</button></td><td><button>Кнопка 5</button></td><td align="right"><button>Кнопка 6</button></td></tr>
</table> <!-- cont -->
</body>
</html>
...
Рейтинг: 0 / 0
подскажите по div
    #38631709
Фотография user89
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
так лучше
Код: 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.
<!DOCTYPE html>
<html>
<head> <meta charset="windows-1251"> <title>Разметка</title>
<style>
* {font:10pt arial,sans-serif;}
th {font-weight:700;}
table {border-collapse:collapse;}
.data td,th {border:1px solid #c0c0c0; padding:2px 4px;}
</style>
</head>
<body>
<table class="cont">
<tr><td style="width:77px;"><button>Кнопка 1</button></td><td><button>Кнопка 2</button></td><td align="right"><button>Кнопка 3</button></td></tr>
<tr><td colspan=3>
	<table class="data">
	<tr><th>The Asylum</th><th>20th Century Fox</th><th>Columbia Pictures</th></tr>
	<tr><td>Король затерянного мира</td><td>Звездные войны</td><td>Крид</td></tr>
	<tr><td>Терминаторы</td><td>Аватар</td><td>Мачеха</td></tr>
	<tr><td>Угроза из прошлого</td><td>Люди икс</td><td>Казино Рояль</td></tr>
	<tr><td>Андроид-полицейский</td><td>Хищник</td><td>Почти знаменит</td></tr>
	<tr><td>Помпеи: апокалипсис</td><td>Секретные материалы</td><td>Новый Человек-паук</td></tr>
	</table> <!-- data -->
</td></tr>
<tr><td><button>Кнопка 4</button></td><td><button>Кнопка 5</button></td><td align="right"><button>Кнопка 6</button></td></tr>
</table> <!-- cont -->
</body>
</html>

...
Рейтинг: 0 / 0
подскажите по div
    #38632883
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Мои 5копеек...

Код: 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.
<!DOCTYPE html>
<html>
<head>
<!--
<script src='http://code.jquery.com/jquery-latest.js'></script>
<link rel='stylesheet type=text/css href=tmp.css' />
-->
<style type='text/css'>
* {
	margin: 0;
	padding: 0;
}
#container {
	display: inline-block;
}
.btn_right {
	float: right;
}
table {
	border: 1px solid;
}
</style>
<script type='text/javascript'>
</script>
</head>
<body>
<div id='container'>
	<button class='btn_right'>Кнопка 3</button>
	<button>Кнопка 1</button>
	<button>Кнопка 2</button>
	<table class="data">
		<tr><th>The Asylum</th><th>20th Century Fox</th><th>Columbia Pictures</th></tr>
		<tr><td>Король затерянного мира</td><td>Звездные войны</td><td>Крид</td></tr>
		<tr><td>Терминаторы</td><td>Аватар</td><td>Мачеха</td></tr>
		<tr><td>Угроза из прошлого</td><td>Люди икс</td><td>Казино Рояль</td></tr>
		<tr><td>Андроид-полицейский</td><td>Хищник</td><td>Почти знаменит</td></tr>
		<tr><td>Помпеи: апокалипсис</td><td>Секретные материалы</td><td>Новый Человек-паук</td></tr>
	</table> 
	<button class='btn_right'>Кнопка 3</button>
	<button>Кнопка 1</button>
	<button>Кнопка 2</button>
</div>
</body>
</html>
...
Рейтинг: 0 / 0
7 сообщений из 7, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / подскажите по div
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


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