Помощник
|
Вставка блоков(модулей) |
mxwuser
|
Сообщение
#1
|
||
|
|
||
|
|||
Webmaster_hb |
9.6.2010, 14:21;
Ответить: Webmaster_hb
Сообщение
#2
|
|
делаете три DIV
задаете им расположение absolute размеры и координаты |
|
|
mxwuser
|
Сообщение
#3
|
|
Спасибо за ответы.
Вроде ставятся нормально блоки когда развернута страница, но когда меняю размер окна, блок остается на своем месте(относительно краев окна), а как сделать чтобы расположение изменялось относительно какого-то объекта?(в моем случае нужно чтобы менялось относительно краев основной таблицы) |
|
|
Webmaster_hb |
9.6.2010, 14:54;
Ответить: Webmaster_hb
Сообщение
#4
|
|
тогда для остновной таблицы задаете position: relative
тогда внутри нее блоки с postion:absolute будут уже позиционироваться и считаться размеры координат от этой таблице |
|
|
Arks |
9.6.2010, 15:50;
Ответить: Arks
Сообщение
#5
|
|
Такие штуки с несвязанными блоками в Dreamweaver'e кстати классно делать - там есть элемент AP DIV. 10 произвольных блоков = 10 секунд затраченного времени.
|
|
|
mxwuser
|
Сообщение
#6
|
|
Сделал все как вы написали, но получается все равно так, что блок(table2, таблица 100х100px) находится не в основной таблице, а за ее пределами, и соответственно, получается позиционирование относительно страницы, а не основной таблицы...
Вот весь код <style type="text/css">
#table1 { position:relative; top: 50px; } #table2 { position:absolute; right:100px; } </style> <body> <div id="table1"> <table width="500" border="1" height="800" bgcolor="#999999" align="center"> <tr> <td> <div id="table2"> <table width="100" border="1" height="100" bgcolor="#00CC33" align="center"> <tr> <td> </td> </tr> </table> </div> </td> </tr> </table> </div> </body> </html> |
|
|
Webmaster_hb |
9.6.2010, 16:38;
Ответить: Webmaster_hb
Сообщение
#7
|
|
|
<html> <head> <style type="text/css"> #block1 { position:relative; width:500px; height:500px; margin:100px auto; background-color:#F00; } #block2 { position:absolute; right:20px; bottom:20px; width:100px; height:100px; background-color:#0f0; } </style> </head> <body> <div id="block1"> <div id="block2"> </div> </div> </body> </html>
|
|
|
||
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Написание скриптов на PHP, в т.ч. модулей для CMS, и другие услуги Создание модулей и хаков для DLE и других движков, перенос контента |
170 | Coppermine | 117869 | 24.2.2023, 12:30 автор: boltuk |
|
ПРОЦЕССИНГ НА РУ-КАРТЫ, КИВИ, СИМ С ГАРАНТИЕЙ ОТ БЛОКОВ | 0 | Dark_process | 994 | 7.11.2022, 13:48 автор: Dark_process |
|
Нужен дизайнер для прорисовки блоков на сайте | 3 | kolyas | 1581 | 12.5.2020, 21:24 автор: kolyas |
|
(Европа и США) Бизнес по продаже модулей и разработке для Magento | 0 | kontenta | 2366 | 6.6.2018, 23:53 автор: kontenta |
|
Скачать пару модулей с сайта wmasteru.org. Скачать пару модулей с сайта wmasteru.org. |
0 | bibika | 2606 | 24.2.2018, 17:48 автор: bibika |
Текстовая версия | Сейчас: 29.3.2024, 14:09 |