HTML+CSS+JavaScript

В общем вот какие вопросы возникли:
1. Как можно сделать текст на html-странице "объёмным" (мне надо, чтоб создавалось ощущение, что он "над" основным фоном)
2. У меня есть рисунок размером 3x10. Можно ли его сделать границей таблицы (например написать <table style="border:risunok.gif">)? Если нет, то какие способы есть, чтобы это все осуществить (вместо линии рисунок поставить)?

для того, чтобы текст казался висящим над остальной страницей, достаточно ему добавить
тень. это можно сделать фильтрами (кажется, они работают только в IE).

dropShadow Фильтр  dropShadow добавляет силуэт объекта, смещенный в определенном направлении.  STYLE="filter:DropShadow(Color=color, OffX=offX, OffY=offY, Positive=positive)"   Color  Цвет тени (  #rrggbb  hex ).  OffX  Горизонтальное смещение тени  OffY  Вертикальное смещение тени  Positive  Любое целое значение (не равное 0) создает тень для видимых пикселей объекта, '0' (false) - для невидимых пикселей.  shadow Фильтр  shadow  делает тень объекту. Синтаксис:  filter:Shadow(Color=color, Direction=direction)   Color  определяет цвет тени ( #rrggbb  hex)  Direction  (0-315 с шагом в 45 градусов), определяет направление тени.

рисунок можно сделать границей. только для границы надо выделить отдельный столбец,
шириной в 3рх и дать ему в качестве фона рисунок. надеюсь, таблица будет высотой не
10рх, а рисунок "мостится", т.е. не видно границ если к нему приклеить снизу еще один
такой же рисунок? замостить столбец только по вертикали можно, придав ему стиль:
<td .... background="risunok.gif" style="background-repeat: repeat-y;">

1. для IE есть фильтры для текста, альтернатива два одинаковых текста внутри div с абсолютнам позиционикованием

//примерно так:

<style>
.bottom{ position: absolute; top:10px; left:5px; color:#000;}

.top{ position:absolute; top:0; left:0; color:red;}
</style>

<div>
<h3 class="bottom">text</h3>
<h3 class="top">text</h3>
</div>



2.напрямую задать не получится. опять таки два варианта:
если таблица 'резиновая' - делай справа и слева дополнительные столбцы и заливай их.
если ширина фиксированная, то можно нарисовать два борта(правый и левый) в один gif и задать фоном для всей таблицы -- так можно делать рамки для всех элементов

//если рамка нужна по всему периметру - придется перисматривать код:

http://www.csszengarden.com/?cssfile=/145/145.css&page=5
http://www.csszengarden.com/?cssfile=/163/163.css&page=3
и другие

А можно сделать копию текста темного оттенка сдвинутую на пару пикселей.
У меня так сделано тут: http://alna.spb.ru/

Loki а где у вас копия текста? вроде в коде только один текст

и еще вопрос: если надо сделать копию текста не с левого верхнего угла, а допустим с левого верхнего угла таблицы, то что надо писать в <style></style>??? position-table:0?

есть кто живой?

я уже писал:
<style>
.bottom{ position: absolute; top:10px; left:5px; color:#000;}

.top{ position:absolute; top:0; left:0; color:red;}
</style>

<div>
<h3 class="bottom">text</h3>
<h3 class="top">text</h3>
</div>
меняй значения у .bottom для top и left, можешь попробовать отрицательные величины

Заголовок светлый, а под ним серая тень от него.

.logo .text {      position: absolute;      color: #CCCBCB;      }       .logo .shadow  {      position: absolute;      color: #666666;      left: 2px;      top: 2px;      }

<br><br> <B>Тень от текста средствами CSS.</B><br> <style>     .head{font-size:24;font-weight:bold;}     .shadow0{position:absolute ;color:darkred;z-index:5;}     .shadow{position: relative;left:4;top:4;color:#bbbbbb;z-index:4;} </style> <script> withShadow=function(c){document.write('<span>'+(s='<span class="shadow0 head">'     +c+'</span>')+s.replace(/(shadow)0/,"$1")+'</span>' );} </script> <br> 564 <script>withShadow('text');</script> 235<br> <script>withShadow('text1584t4ht4h46r1trf');</script>