Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
Объектно-ориентированное программирование на PHP. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5. На примерах. Авторы: Кузнецов М.В., Симдянов И.В., Голышев С.В. Самоучитель MySQL 5. Авторы: Кузнецов М.В., Симдянов И.В. C++. Мастер-класс в задачах и примерах. Авторы: Кузнецов М.В., Симдянов И.В. Социальная инженерия и социальные хакеры. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Сдвоенная рамка
 
 автор: tuder   (17.09.2007 в 08:54)   письмо автору
 
 


<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;">&nbsp;</td></tr>
<tr><td style="border:0;">&nbsp;</td></tr>
<tr><td style="border:0;">&nbsp;</td></tr>
<tr><td style="border:0;">&nbsp;</td></tr>
<tr><td style="border:0;">&nbsp;</td></tr>
<tr><td style="border:0;">&nbsp;</td></tr>
<tr><td style="border:0;">&nbsp;</td></tr>
<tr><td style="border:0;">&nbsp;</td></tr>
</table>
</div>

</body>
</html>


Хотелось бы получить вот такой эффект. Сдвоенная красно-синяя рамка, с небольшим смещением у таблицы. В пределах одного бордюра через double такого не получить, сделал слоями две рамки. Но как привязать нижний край одной к нижнему краю другой таблицы, чтобы фоновая рамка сама раздвигалась при заполнении основной таблицы?

   
 
 автор: sim5   (17.09.2007 в 09:00)   письмо автору
 
   для: tuder   (17.09.2007 в 08:54)
 

Это называется сдвоенной рамкой? Наверное слои надо вложить друг в друга, либо позиционирование им задать, но у вас таблицы.

   
 
 автор: tuder   (17.09.2007 в 09:12)   письмо автору
 
   для: sim5   (17.09.2007 в 09:00)
 

Если вложить то одна рамка будет меньше другой, а не сдвинутая.

А в разных слоях - сдвинута. Или просто в обоих задать от нижнего края экрана/бровзера и всё?

Может можно задать смещение от какого-то именованного объекта? И размещать его в нижней ячейке таблицы с текстом?

   
 
 автор: sim5   (17.09.2007 в 09:15)   письмо автору
 
   для: 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>

   
 
 автор: tuder   (17.09.2007 в 09:26)   письмо автору
 
   для: sim5   (17.09.2007 в 09:15)
 

Мне не нужен двойной бордюр, вложенный один в другой.

Мне хочется "переплетающиеся" рамки. На картинке то, что получается в указанном примере и то что хочется.

   
 
 автор: sim5   (17.09.2007 в 09:34)   письмо автору
 
   для: tuder   (17.09.2007 в 09:26)
 

А зачем тогда вторая таблица? Я вообще не понимаю вашего "модернизма" :)

   
 
 автор: tuder   (17.09.2007 в 09:39)   письмо автору
 
   для: sim5   (17.09.2007 в 09:34)
 

Хочется добиться такого эффекта не графическим, а текстовым способом.

Разве не интересный эффект получается?
http://files.byte.nsk.su/tt/test.php

   
 
 автор: sim5   (17.09.2007 в 11:32)   письмо автору
 
   для: tuder   (17.09.2007 в 09:39)
 

Ну я бы не сказал что это Айвазовский, да и на просто "Черный квадрат" Малевича тоже не тянет:)

   
 
 автор: Valick   (17.09.2007 в 10:08)   письмо автору
 
   для: tuder   (17.09.2007 в 09:26)
 

Так что у вас не раздвигается-то?

   
 
 автор: tuder   (17.09.2007 в 10:14)   письмо автору
 
   для: Valick   (17.09.2007 в 10:08)
 

Исходники глянь.

Мне приходится в таблицах одинаковый текст гнать, чтобы рамка фоновой таблицы была в нужном месте. Но это не выход. Мне надо нижний край фоновой голубой таблицы, привязать к нижнему краю синей, чтобы они раздвигались вместе, при наполнении синей таблицы ячейками с текстом.

   
 
 автор: Valick   (17.09.2007 в 10:56)   письмо автору
 
   для: tuder   (17.09.2007 в 10:14)
 

Мне приходится в таблицах одинаковый текст гнать

Это я увидел. Я бы попробовал сделать так. Слой с содержимым таблицы выводиться с рамкой в браузер, а поверх него с помощью ЯвыСкрипт ( можно реализовать для каждого браузера свой код) создать слой со сдвинутой рамкой.
К сожалению реализовывать мои бредовые идеи ч меня нет времени((

   
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования