Using Linux Mint 17 Cinnamon, Firefox 31.0
When reviewing, the furigana of the kanji answers appears below the kanji and not above. The font is also quite large so it overlaps the kanji that it relates to.
I have installed Mint Linux with Firefox, but have been unable to replicate the issue. Is it perhaps a firefox extension that is causing the problem? Maybe you can try opening up a Private Browsing window (as they usually have the extensions disabled by default) to see if this bug (as well as the other two) are happening in a 'Vanilla' version of Firefox?
Looks as though it was the HTML ruby addon that I use. When I disable it, the furigana render correctly.
https://addons.mozilla.org/en-US/firefox/addon/html-ruby/
I have looked for other addons that implement the <ruby> tags and work with the site and cannot find any. Is there any way that you can check if the addon is installed in Firefox and use these tags for the furigana instead of handling it yourself (if this is what you do)? I imagine many people who use Firefox will choose to install the addon and you can always use your default method if they are not using it. If you cannot detect it, can you offer an option in the settings to force the use of ruby tags as per the HTML 5.0 specification?
The site currently has some css added to it which is meant to help with browsers that do not support the ruby markup. My guess is that css is conflicting on your end. How familiar are you with disabling css styles? If you are, I would suggest trying to temporarily disable the css rules that target the ruby stuff, and see if it fixes it. If so, I will be able to use that as a starting point for fixing it.
I installed that plugin and was able to replicate the issue. However, that plugin seems to be doing some naughty things to get the ruby to appear correctly.
http://www.techhoney.com/html/tags/ruby-tag/Example_of_HTML_Ruby_Tag
This is at least one other site I could find that, using proper ruby, produces the same incorrect results with that plugin.
Would it be possible for you to try using a user style manager to inject the css renshuu.org is currently using (listed below).
The problem is this: if I remove this css - it'll work just fine for you, I imagine. However, it'll stop working for any firefox user that doesn't have that extension installed (which I imagine is the vast majority).
[code]
/* ruby support */
ruby
{
display: inline-table;
text-align: center;
white-space: nowrap;
text-indent: 0;
margin: 0;
vertical-align: -20%;
}
/* ルビベース */
ruby > rb, ruby > rbc
{
display: table-row-group;
line-height: 90%;
}
/* 前側ルビテキスト */
ruby > rt, ruby > rbc + rtc
{
display: table-header-group;
font-size: 40%;
line-height: 40%;
letter-spacing: 0;
}
/* 後側ルビテキスト */
ruby > rbc + rtc + rtc
{
display: table-footer-group;
font-size: 60%;
line-height: 40%;
letter-spacing: 0;
}
/* 複雑ルビテキスト */
rbc > rb, rtc > rt
{
display: table-cell;
letter-spacing: 0;
}
/* rt[rbspan] should be transformed into td[colspan] but that requires xslt */
rtc > rt[rbspan] { display: table-caption; }
/* ルビ括弧 */
rp { display: none; }
rt { text-align: center }
[/code]
Hi. Can I just check that you are asking me to use a style manager to inject the above CSS as a solution for showing ruby text in place of the addon, or in conjunction with the addon?
If I try the above CSS with the site you link and the addon disabled, it appears to work fine. I have yet to check other sites that use ruby text but will do.
Hmm. Having tried it, ruby does not really appear to render very well for other sites, whereas the plugin does appear to do the job quite well. I am happy to avoid using the plug-in while using Renshuu, but is it not possible to detect the presence of the plugin and use your CSS if not present and leave the rendering to the plug-in if it is present?
I don't want to create you too much work, but I imagine if I am using the ruby plugin, others will too.
I have just been playing with the addon and have noticed if I switch off the "Process inserted content" option, it seems to play nicely with the site. For the time being, this is good enough for me. I guess you can advise users of the addon that disabling this option while on Renshuu may have the desired effect.