Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / подскажите по div / 7 сообщений из 7, страница 1 из 1
02.05.2014, 08:33
    #38631225
nxx
nxx
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
подскажите по div
надо сделать вот такую вещь
подскажите как сделать

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

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

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

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

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

Код: 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
| Ответить | Цитировать | Написать  
03.05.2014, 08:48
    #38631704
user89
user89
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
подскажите по div
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
| Ответить | Цитировать | Написать  
03.05.2014, 09:15
    #38631709
user89
user89
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
подскажите по div
 
так лучше
Код: 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
| Ответить | Цитировать | Написать  
05.05.2014, 10:48
    #38632883
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
подскажите по div
Мои 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
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / подскажите по div / 7 сообщений из 7, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 499ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1447123]:
 0ms
get settings:
 9ms
get forum list:
 16ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 147ms
get topic data:
 11ms
get forum data:
 3ms
get page messages:
 55ms
get tp. blocked users:
 2ms
others: 250ms
total:  499ms
x
x
Закрыть


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