Resource Detail and Discussion #66


		Home \| Community \| Developer's Paradise User Groups \| Site Tools \| Site Information \| Search

Main Menu

Resource

Text Shadows

Categories...
Client User Group
HTML, CSS and XML, Site Design, Write Once!
Language
JavaScript
Product
IE4, NS4
Task
Cross-Browser DHTML, HTML Enhancement
Technology
Dynamic Positioning

Sponsored Links

Developer's Paradise : Inside Technique :
Text Shadows
Submission by SiteExperts Staff

Go to the resource:
Text Shadows
Add to Assistant

Short Description
We demonstrate how to use CSS Positioning to create text shadows.

Long Description
We demonstrate how to use CSS Positioning to create text shadows. In addition, see how to extend the JavaScript String object with a new shadow method.

Author: Scott Isaacs
Submission URL: http://www.SiteExperts.com/tips/styles/ts26/page1.asp
Submission Date: Jun 3,1998

Related To
Inside Techniques Ransom Note Formatting (6/9/1998)

Discussion and Rate this Resource
Overall Rating: 4.2

jayatea on Dec 23, 2000 at 10:54:17 AM Rating: 3
HannuQ on Dec 13, 1999 at 5:56:36 AM Rating: 5
<br><div id="Layer1" style="position:absolute; width:690px; height:55px; z-index:1; left: 93px; top: 155px"><font face="NewsGothic, Arial Narrow, Helvetica-Narrow, sans-serif" size="7"><b><font color="#D6D6D6">HOO <br> HOO HOO Says The Santa</font></b></font></div> <p><div id="Layer2" style="position:absolute; width:688px; height:55px; z-index:2; left: 90px; top: 152px"><font face="NewsGothic, Arial Narrow, Helvetica-Narrow, sans-serif" size="7"><b><font color="#B30000">HOO <br> HOO HOO Says The Santa</font></b></font></div>
HannuQ on Dec 13, 1999 at 5:53:43 AM Rating: 5
No comments. Here the code comes!

HannuQ on Dec 13, 1999 at 5:21:52 AM Rating: 5
UPS!
Something unwanted happened. I cannot see the code but what it dit? Havn't used this page before! Let's try an other time: <div id="Layer1" style="position:absolute; width:690px; height:55px; z-index:1; left: 93px; top: 155px"><font face="NewsGothic, Arial Narrow, Helvetica-Narrow, sans-serif" size="7"><b><font color="#D6D6D6">HOO HOO HOO Says The Santa</font></b></font></div> <div id="Layer2" style="position:absolute; width:688px; height:55px; z-index:2; left: 90px; top: 152px"><font face="NewsGothic, Arial Narrow, Helvetica-Narrow, sans-serif" size="7"><b><font color="#B30000">HOO HOO HOO Says The Santa</font></b></font></div>
Hope this works better.
HannuQ on Dec 13, 1999 at 5:16:20 AM Rating: 5
Why not use the layers? Or is it too difficult to handle by scripting? If so, let me know. It's compatible up to 4th of both. The following piece of code will show the shaded text on layers. (This is not the script) <div id="Layer1" style="position:absolute; width:690px; height:55px; z-index:1; left: 93px; top: 155px"><font face="NewsGothic, Arial Narrow, Helvetica-Narrow, sans-serif" size="7"><b><font color="#D6D6D6">HOO HOO HOO Says The Santa</font></b></font></div> <div id="Layer2" style="position:absolute; width:688px; height:55px; z-index:2; left: 90px; top: 152px"><font face="NewsGothic, Arial Narrow, Helvetica-Narrow, sans-serif" size="7"><b><font color="#B30000">HOO HOO HOO Says The Santa</font></b></font></div>
Merry Christmas!
Holloway on Nov 24, 1999 at 6:31:51 PM Rating: 2
Remember the early days of CSS when Microsoft had the CSS gallery with the same text repeatedly CSS positioned down the page to get a nice fade? It looked great in IE3 (well, that arguable) but completely shite in most other browsers. It just showed the same word again and again (again).

Bah!
The W3C have a thing in their CSS2 spec allowing text shadows... until some browsers support it this might be useful, but really i'd hope people would consider backwards compatibility.

Aghh!! how did I become such an HTML snob?! ;)

More Ratings/ Comments

To rate and comment on a resource, you must first logon.

If you are not registered, please register yourself to become a member of the SiteExperts.community.