Как сделать тень от текста, без яваскриптов? проблема омрачена тем, что текст с text-align: center; и многострочный
HTML: <p style="filter:Wave(Freq=5, Add=0, LightStrength=1, Phase=2, Strength=2); width:400;height:30;font:26pt;color:$color;">Я текст</p>
HTML: <html> <head> <meta http-equiv="content-type" content="text/html; charser=windows-1251" /> </head> <body style="margin:0"> <div style="font-weight: bold; font-size: 24px; color: #999999; position: absolute; top: 12px; left: 12px;">Йа текст</div> <div style="font-weight: bold; font-size: 24px; color: #bb0000; position: absolute; top: 10px; left: 10px;">Йа текст</div> </body> </html> :-D :-D
Два раза вбить один текст в два одинаковых контейнера, для одного цвет текста сделать серым и сдвинуть относительно первого в нужном вам направлении. По крайней мере, это довольно забавно
ну так блин я представляю, что нужно взять два стоя и сместить, но вот как это в коде должно выглядеть? текст находится в табличке, табличка масштабируется по экрану, т.ч. абсолютно задать от координат начала нельзя.
Будь предельно осторожен с высотой таблицы. HTML: <table width="50%" border="1" cellspacing="0" cellpadding="0"> <tr> <td> <div style="position:relative;"> <div style="color:#888;position:absolute;left:1;top:1;"> Some test test Some test test Some test test Some test test Some test test Some test test Some test test Some test test Some test test Some test test Some test test Some test test Some test test Some test test Some test test Some test test Some test test Some test test Some test test Some test test Some test test Some test test Some test test Some test test Some test test Some test test Some test test Some test test Some test test Some test test Some test test Some test test Some test test Some test test </div> <div style="color:#000;position:absolute;left:0;top:0;"> Some test test Some test test Some test test Some test test Some test test Some test test Some test test Some test test Some test test Some test test Some test test Some test test Some test test Some test test Some test test Some test test Some test test Some test test Some test test Some test test Some test test Some test test Some test test Some test test Some test test Some test test Some test test Some test test Some test test Some test test Some test test Some test test Some test test Some test test </div> </div> </td> </tr> </table>
Имхо, если CSS этого не позволяет, лучше картинкой. И очень долго думать, над тем, действительно ли именно этого не хватает вашему сайту.
у меня почему то таблица получается отдельно сверху, а "дивы" ниже нее, из-за чего строки с текстом шире становятся
Посмотрите, как дивы лежат и какие у них стили. В опере я это дело, конечно, не тестил, ограничился фф и ие.
Дивы нужно друг в друга засовывать, чтобы определять их положение относительно друг друга HTML: <div class="shadow">text (тень)<div>text</div></div> [css] .shadow {color: #CFCFCF;} .shadow DIV {position: relative; left: -2px; top: -2px;} [/css] Должно работать на всех браузерах. Фильтры разработаны для ИЕ, остальные браузеры поддерживают их опционально. Вроде бы, в ксс3 их включат, но только усовершенствованные, гораздо лучше, чем от ИЕ,