HTML+CSS+JavaScript

Как делаеться тень от таблицы?

1.
перед <table> создаешь пустой <div id="back"></div> а на CSS для #back указываешь координаты, ширину, высоту и цвет заливки

2.
например нужна тень слева и справа от таблицы:

задаешь <table class="teni">

в CSS

table.teni {
padding:0 10px 0 10px;
background: url(gradient.gif) repeat-y top left;
border:none;
}

рисунок gradient.gif:

создаешь файл с высотой к примеру 10px и шириной равной ширине таблицы.
справа и слева делаешь градиент шириной 10px (не более чем указано в padding), а в середине пустота...(или цвет фона таблицы).

3.

например нужна тень слева и справа от таблицы:

задаешь <table class="teni">

в CSS

table.teni {
border: 10px silver groove;
}

http://www.softtime.ru/forum/read.php?id_forum=4&id_theme=9688&page=1

Извиняюсь, что долго не отвечаю, нудохаюсь.

Извиняюсь, что долго не отвечаю, нудохаюсь.
Имеется таблица с рамкой:

<div id="back"></div> <table width=400 height=100 border=1  class="21"> <TR> <TD  ></TD> <TD></TD> </TR> <TR> <TD></TD> <TD>&#223;</TD>

И мне нужна небольшая тень слева и внизу.
можно ли разжевать #back
в файле main.css

#back { position: absolute; top:160px; left:15; border: 5px blue;  }

Но это не работает, где у меня ошибка?

нужно убрать <div id="back"></div>
== он пустой и следовательно с таблицей никак не связан (если наберешь в него текст, то он пояниться ВЫШЕ таблицы)

идентификатор (id="") можно задавать для любого элемента (втом числе для <table>, кстати width и height задать лучше в css).

исользуй для элемента или id="" или class=""
==отличие в том, что имена id не должны повторяться, а вот один и тот же клас можно использовать много раз


теперь о css:

1. указывай единицы измерения (left:15??;)

2.для border нужно писать толщину, цвет и стиль
т.е. border: 5px solid blue;

о стилях смотри:
http://oldcss.manual.ru/border.php#border-style

//попробуй разные

кстати:
border-left:5px solid blue; --слева
border-right:5px solid blue; --справа
border-top:5px solid blue; --сверху
border-bottom:5px solid blue; --снизу

Понял. все получилось.Спасибо! Но есть одно, как добиться эффекта тени, т.е. были срезаны углы у тени. А как добить заокругления рамки таблицы?

если использовать пустой div, то нужно обязательно указывать его положение и РАЗМЕРЫ,
равные размерам таблицы, кстати в этом случае нужно будет указать и координаты таблицы:
значения top и left могут быть отрицательными...

Если честно - не понял, нельзя ли разжевать!?

навороченные рамки надо рисовать...
смотри пример

я с таблицами не часто работаю, но принцип такой.
попробуй доделать задав в HTML для строкак и столбцов нулевой отступ.

А можно эту страничку прикрепить в приложении, а то она както правильно не сохраняется...без теней :(

можно, но повторяю: нужно доделать.

кстати если картинки вставлять на css, то при сохранение страницы они часто не сохраняются.

а разве нельзя это сделать силами css без gif‘ов? Как с текстом через shadow.

возможно да, через применение каких-нибудь фильтров (хотя я знаю только о применение фильтров в тексту или картинкам) .

ЗАДАНИЕ В CSS (КАК И HTML) ФИЛЬТРОВ ЯВЛЯЕТСЯ МЯГКО ГОВОРЯ НЕРЕКОМЕНДОВАННЫМ (все что можно использовать в css смотри на http://oldcss.manual.ru/ )

все используют gif и border (и мало кто таблицы...)

Ясно! Спасибо за информацию!