Уценка для гитарных аккордов и текстов песен ⇐ CSS

[Гость]

Я пытаюсь найти хороший способ хранить тексты музыкальных текстов в виде простого текста с синхронизированными гитарными аккордами. При отображении я бы хотел, чтобы тексты песен отображались через два интервала с аккордами в строке «пробелов» над соответствующими словами. Это для моего личного сборника текстов песен, поэтому в конечном итоге рендеринг будет чаще всего осуществляться на мертвых деревьях, а не на экране, но со временем это может измениться. Я решил попробовать Markdown и смог заставить следующий формат «своего рода» работать в сочетании с некоторым CSS, чтобы теги отображались как квази-надстрочные индексы. Мне нравится, как работает тег , потому что в нижней части файла можно разместить ссылки на любые включенные аккорды:

#Supertramp — подари немного [А] [D]Дайте немного[A][] [D] Подари мне немного[G] своей[A] любви[G][][A] [D]: http://guitar.about.com/library/blchord_dmajor.htm «Ре мажор» [G]: http://guitar.about.com/library/blchord_gmajor.htm «Соль мажор» [A]: http://guitar.about.com/library/blchord_amajor.htm «Ля мажор» CSS и преобразованная уценка находятся здесь: http://jsfiddle.net/654ct/13/

h1 { семейство шрифтов: Arial; размер шрифта: 2em; поле-дно: 1em; } п { высота строки: 1em; поле-дно: 1,1em; семейство шрифтов: Arial; } а { положение: относительное; верх: -1em; дисплей: встроенный блок; ширина: 0; переполнение: видимое; цвет:#00F; шрифт-вес: жирный; семейство шрифтов: Arial; текстовое оформление: нет; } Я позаимствовал большую часть CSS отсюда: Стилизация текста, чтобы он отображался над строкой (для аккордов над текстом). Я пишу новую тему, поскольку это в основном призыв о помощи с уценкой.

Преимущество этого формата заключается в том, что аккорды можно писать «встроенными» в текст, поэтому слова и музыка остаются синхронизированными независимо от того, какой шрифт используется. Кроме того, я получаю дополнительное преимущество: сама уценка довольно читабельна.

Единственные проблемы:
[*]Если есть два аккорда, которые нужно сыграть без каких-либо слов между ними, символы аккорда «перекрываются» друг с другом при отображении в HTML. (Я считаю, что это вызвано шириной:0; но, насколько я могу судить, это необходимо для устранения пробелов в тексте при смене аккордов.) [*]В том же сценарии все аккорды, кроме последнего, должны иметь [] после буквы аккорда, иначе второй аккорд будет интерпретироваться как описание первого. Это делает уценку немного более загруженной, чем хотелось бы.
Есть ли хороший способ решить одну или обе эти проблемы с помощью CSS или путем изменения уценки? Если нет, то знает ли кто-нибудь о совершенно другой альтернативе, кроме написания для этого моего собственного языка разметки, специфичного для гитарных аккордов? (Даже если бы я написал для этого свой собственный язык разметки, мне все равно потребовалась бы помощь с проблемой 1.) Я знаю о формате табуляции и ищу что-то значительно менее сложное, поскольку все, что мне нужно, это напоминание о том, когда появляется каждый аккорд, а не явная схема того, где должны быть мои пальцы.

Спасибо!