Welcome to WebHeadStart.org

Web Technologies

Sponsored By

WebHeadStart.org is currently in beta.
Please pardon our appearance as we work to provide you with the most comprehensive reference on today's web technologies.

Interested in advertising on WebHeadStart? Become an advertising partner today!

[WWW-HTML Mailing List Archive Home] [Messages By Thread] [Messages By Date]

RE: Creating web pages with lyrics and chords

From: John Foliot - WATS.ca <foliot@wats.ca>
Date: Wed, 10 Aug 2005 11:23:08 -0400
To: "'Miguel Frasson'" <mvsfrasson@gmail.com>
Cc: <www-html@w3.org>
Message-ID: <00d701c59dbf$6ad6e5f0$6601a8c0@bosshog>

Miguel Frasson wrote:
> Hi.
> 
> I like to cheate webpages with lyrics with guitar chords so that the
> chords will be displayed abopve the respective place, like in
> 
> Bla <some-code>A</some-code>bla <some-code>E</some-code>bla bla
> 
> results
> 
>     A   E
> Bla bla bla bla
> 
> Is this possible with html?  If not, how is it possible?
> 
> Thanks
> 
> Miguel

Miguel,

Not sure if this is 100% "correct", as I suspect it is a "bending" of
the spec, but have you considered Ruby? http://www.w3.org/TR/ruby/ 

Caveats - at this time it seems that only IE actually supports this (go
figure) - neither Firefox nor Opera seem to at this time. (Screen
Readers such as HPR and JAWS [the 2 I tested] read aloud like Firefox
and Opera display - linearly)  It also requires a "liberal" definition
of "Annotated" text. (Purists - the lyrics are annotated with the
corresponding chords).

Try this code in IE and see:

<p>     
<ruby>

  <rbc>
    <rb>Bla bla </rb>
  </rbc>
  <rtc>
    <rp>(</rp><rt>A</rt><rp>)</rp>
  </rtc>

  <rbc>
    <rb>bla</rb>
  </rbc>
  <rtc>
    <rp>(</rp><rt>E</rt><rp>)</rp>
  </rtc> 

  bla <!-- no annotation here -->

</ruby>
</p>

HTH

JF
--
John Foliot  foliot@wats.ca
Web Accessibility Specialist / Co-founder of WATS.ca
Web Accessibility Testing and Services
http://www.wats.ca    
Phone: 1-613-482-7053 
Received on Wednesday, 10 August 2005 15:23:25 GMT
Valid XHTML 1.0! Valid CSS! Site Map | Privacy Policy | Terms of Use | WebHeadStart.org © 2005 All Rights Reserved.