Каскадные Таблицы Стилей / Аккорды с применением высоких технологий

Задача заверстать аппликатуру весьма не тривиальна и от того довольно интересна. Я тоже не устоял перед искушением решить её так как считаю правильным. Помимо стандартных требований типа кроссбраузерности, масштабираемости, печатаемости и компактности, хотелось бы добиться также и возможности просто тупо скопировать аппликатуру и вставить её, например, в текстовый документ. То есть в текстовом виде аккорд должен иметь примерно следующий вид:

Am
O - - -
O F - -
O - R -
O - M -
O - - -
X - - -

O — открытая струна, X — приглушённая, остальные буквы обозначают пальцы.

Источник: Уроки CSS на Хабрахабре

Перейти на сайт