| Posted by NC on 03/13/06 21:33 
Gernot Frisch wrote:>
 > how can I write a text that has a shadow (offset text in gray color)
 > using php/css.
 
 Output the same text twice into two overlapping boxes of identical size
 and slightly offset location.  The final HTML may look something like
 this:
 
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
 "http://www.w3.org/TR/1999/REC-html401-19991224/strict.dtd">
 <HTML>
 <HEAD>
 <TITLE>Shadow example</TITLE>
 <STYLE type="text/css">
 <!--
 #text   { position: absolute; color: #000000;
 top: 1in; left: 2in; width: 2in }
 #shadow { position: absolute; color: #808080;
 top: 1.01in; left: 2.01in; width: 2in; }
 -->
 </STYLE>
 </HEAD>
 <BODY>
 
 <DIV id="text">
 <P>Some text here...</P>
 </DIV>
 
 <DIV id="shadow">
 <P>Some text here...</P>
 </DIV>
 
 </BODY>
 </HTML>
  Navigation: [Reply to this message] |