I'm struggling a little because I just started writing a web site about two
months ago. I have a word in the text of the home page (index.html) that I
need each letter of the word to be a different color. I did it in XHTML
transitional and it worked fine. I'm now trying to follow the strict
definition of XHTML and it doesn't like the "font" in the
solution. I would
like to do this color change in css instead of the XHTML page. Can
 anyone
help me out with this?

The web home page is at:
http://www.wayneactorscommunitytheatre.org

The color changed word in under the Archives section.


Give this a try, to style each individual letter as a separate color.

<li><a href="archive/joseph/joseph.html">Joseph and The Amazing <span 
class="letter_T">T</span><span class="letter_
E">e</span><span class="letter_C">c</span>....and so on...Dreamcoat</a>

css would be like this:

li .letter_T {
color: red;
}
li .letter_E {
color: blue;
} 

or you might need the anchor tag included.

li a .letter_T
 {
color: red;
}
li a .letter_E {
color: blue;
}

Rod Castello  
rodcastello.com
______________________________________________________________________
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to