Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > тень в таблици

Автор: цойВВ 14.3.2005, 08:41

как сделать тень в таблици? smile

Автор: OPG 14.3.2005, 09:50

Не понял вопроса, тень в теблице от чего? Если от элемента находящегося в ячейке то используй расширения стилей. А вообще поясни вопрос подробнее, плиз, что ты хочешь видеть?

Автор: Gold Dragon 14.3.2005, 10:03

Делай дополнительные ячейки, куда и будешь запихивать картинки тени

Автор: -=Ustas=- 14.3.2005, 10:32

Вариант 1:
http://www.andropov-cbs.ru/temp/table_01.jpg

Код


<table cellspacing="0" cellpadding="0" border="0">
    <tr><td width="7" rowspan="2"></td>
        <td bgcolor="#000000">
        
            <table cellspacing="1" cellpadding="5" border="0">
                <tr><td width="345" bgcolor="#ffffff" valign="top">
                        И т.д. и т.п.<br>
                        Твой текст в ячейках<br>
                        Твой текст в таблице<br>
                </td></tr>
           </table>
           
        </td>
        <td valign="top" bgcolor="#cccccc">
            <table cellspacing="0" cellpadding="0" border="0">
                <tr><td width="7" height="7" bgcolor="#ffffff"><spacer type="block" height="7">
                </td></tr>
            </table>
        </td></tr>
        <tr><td colspan="2" bgcolor="#cccccc">
        <table cellspacing="0" cellpadding="0" border="0">
            <tr><td width="7" height="7" bgcolor="#ffffff"><spacer type="block" height="7">
            </td></tr>
        </table>
    </td></tr>
</table>

Вариант 2:
http://www.andropov-cbs.ru/temp/table_02.jpg

Код


<html>
<head>
  <style>
    .pr2{filter:Shadow(Color="#000000", Direction="130")}
  </style>
</head>

<body>
<span class="pr2" style="width:200;height:300;font:16pt;color:red;">
  <table cellspacing="0" cellpadding="0" border="1" width="200" height="100">
    <tr>
      <td>&nbsp;</td>        
    </tr>
  </table>
</span>

Автор: Ruslan_ 14.3.2005, 11:55

плохо, что Opera 7.53 и Firefox 0.8 не поддерживают последний код, по крайней мере у меня...

Автор: GoodBoy 14.3.2005, 16:57

Преренесено из "Веб-дизайна"