View Single Post
Old 08-13-2015, 08:25 AM   #24
Turtle91
A Hairy Wizard
Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.
 
Turtle91's Avatar
 
Posts: 3,374
Karma: 20212733
Join Date: Dec 2012
Location: Charleston, SC today
Device: iPhone 15/11/X/6/iPad 1,2,Air & Air Pro/Surface Pro/Kindle PW & Fire
Ruby? Wow... I didn't know about that one. I see that it is part of HTML5. Is it supported by other than ADE2+/RMSDK/K3+ ?

I was able to get this result:


With this style:
rt {font-size:1em; text-align:left; color:blue}

and this code:
53 people sat around singing a s<ruby>o<rt>V1</rt></ruby>ng

I tried to style the text alignment, but it appears to only accept "center". So I did as above and got the tag to be above a particular letter...unfortunately it made spaces on either side. I then added negative margins to both the left and right side and got rid of the spaces. Unfortunately the negative margins need to be adjusted for the width of each chord. I think the min-width of the <ruby> is defaulted to the width of the <rt>.

rt {font-size:1em; color:blue; margin:0 -.3em}

Anyway...that was fun learning that new tag! Thanks Doitsu!


EDIT:
I found a setting for the <ruby> that would allow left alignment:
ruby {ruby-align:start}

That would then only require the right margin to be adjusted. There is talk about allowing the <rt> to overhang adjacent text - but it is not yet part of the draft spec.

Last edited by Turtle91; 08-13-2015 at 09:03 AM.
Turtle91 is offline   Reply With Quote