|
|
|
|
<html>
<head>
<style type="text/css">
td {
border-color: gray;
}
table {
border-color: blue;
border-style: solid;
border-width: 3px;
padding: 10px;
}
</style></style>
</head>
<body>
<div style="position:absolute; top:5; left:5; z-index:2;">
<table width=40% border=1>
<tr><td>dfg sdfjj sldkjg lsdjglksd gsldkjg sdglkjsdfg</td></tr>
<tr><td>sd s fg lksjd glsjfgl sdlfgjls dlgjs glsj gsdkgj</td></tr>
<tr><td>x f xsdl sdlgj sdglksjd glskg lsdkjgsdfgldfsjg </td></tr>
<tr><td>sdf sg lsdkjg </td></tr>
<tr><td>sdfgsdlgj sldfj gsldfg lsdfjgl</td></tr>
</table>
</div>
<div style="position:relative; top:4; left:4; z-index:1">
<table width=16% border=1 style="border-color: red;">
<tr><td style="border:0;"> </td></tr>
<tr><td style="border:0;"> </td></tr>
<tr><td style="border:0;"> </td></tr>
<tr><td style="border:0;"> </td></tr>
<tr><td style="border:0;"> </td></tr>
<tr><td style="border:0;"> </td></tr>
<tr><td style="border:0;"> </td></tr>
<tr><td style="border:0;"> </td></tr>
</table>
</div>
</body>
</html>
|
Хотелось бы получить вот такой эффект. Сдвоенная красно-синяя рамка, с небольшим смещением у таблицы. В пределах одного бордюра через double такого не получить, сделал слоями две рамки. Но как привязать нижний край одной к нижнему краю другой таблицы, чтобы фоновая рамка сама раздвигалась при заполнении основной таблицы? | |
|
|
|
|
|
|
|
для: tuder
(17.09.2007 в 08:54)
| | Это называется сдвоенной рамкой? Наверное слои надо вложить друг в друга, либо позиционирование им задать, но у вас таблицы. | |
|
|
|
|
|
|
|
для: sim5
(17.09.2007 в 09:00)
| | Если вложить то одна рамка будет меньше другой, а не сдвинутая.
А в разных слоях - сдвинута. Или просто в обоих задать от нижнего края экрана/бровзера и всё?
Может можно задать смещение от какого-то именованного объекта? И размещать его в нижней ячейке таблицы с текстом? | |
|
|
|
|
|
|
|
для: tuder
(17.09.2007 в 09:12)
| | Вы хотите получить двойной бордюр "смешанным методом". Задавайте стили соответсвующие слоям тогда. Кстати навозможность получения двойной рамки с помощью таблиц - это заблуждение:
<table width=40% bgcolor="#000000" cellpadding="5" cellspacing="1">
<tr bgcolor="#ffffff"><td>
<table width=100% bgcolor="#ff0000" cellpadding="4" cellspacing="1">
<tr bgcolor="#ffffff"><td>This table double border</td></tr></table>
</td></tr>
</table>
|
| |
|
|
|
|
|
|
|
для: sim5
(17.09.2007 в 09:15)
| | Мне не нужен двойной бордюр, вложенный один в другой.
Мне хочется "переплетающиеся" рамки. На картинке то, что получается в указанном примере и то что хочется. | |
|
|
|
|
|
|
|
для: tuder
(17.09.2007 в 09:26)
| | А зачем тогда вторая таблица? Я вообще не понимаю вашего "модернизма" :) | |
|
|
|
|
|
|
|
для: sim5
(17.09.2007 в 09:34)
| | Хочется добиться такого эффекта не графическим, а текстовым способом.
Разве не интересный эффект получается?
http://files.byte.nsk.su/tt/test.php | |
|
|
|
|
|
|
|
для: tuder
(17.09.2007 в 09:39)
| | Ну я бы не сказал что это Айвазовский, да и на просто "Черный квадрат" Малевича тоже не тянет:) | |
|
|
|
|
|
|
|
для: tuder
(17.09.2007 в 09:26)
| | Так что у вас не раздвигается-то? | |
|
|
|
|
|
|
|
для: Valick
(17.09.2007 в 10:08)
| | Исходники глянь.
Мне приходится в таблицах одинаковый текст гнать, чтобы рамка фоновой таблицы была в нужном месте. Но это не выход. Мне надо нижний край фоновой голубой таблицы, привязать к нижнему краю синей, чтобы они раздвигались вместе, при наполнении синей таблицы ячейками с текстом. | |
|
|
|
|
|
|
|
для: tuder
(17.09.2007 в 10:14)
| | Мне приходится в таблицах одинаковый текст гнать
Это я увидел. Я бы попробовал сделать так. Слой с содержимым таблицы выводиться с рамкой в браузер, а поверх него с помощью ЯвыСкрипт ( можно реализовать для каждого браузера свой код) создать слой со сдвинутой рамкой.
К сожалению реализовывать мои бредовые идеи ч меня нет времени(( | |
|
|
|