Обновить
82
1
Дмитрий Синявский@r3code

SRE

Отправить сообщение
Во, а то не мог никак код этот найти #9679, сделал ща себе твой вариант с Bull; хотя #9679 — жта точка по диаметру почему-то больше. У этого символа че за название?
Юникод не всегда хорошо, я уже начал переделывать под & bull; но тогда барре расползается — он ж первой метке привязано.
Все нормально показывает — это у меня кодировка определилась как win-1251 вместо utf-8.
Как этот символ записать? Я поменял в твоем примере DOCTYPE на
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
и теперь они все отображаются как в—Џ, вместо точек.
Черт посмотрел, что ты его по другому сделал без нумерованного списка.
Номер лада для зажатия баррэ, тоже к твоему варианту прикручу.
Дело было в
.chord span {
position: absolute;

при смене на
.chord span {
position: relative;

Цифры вернулись на правильное место
Дело было в
Чето у меня в IE7 он странно ведет — номера пальцев под метками показывает. У тебя также?
Из интереса сразу попробовал с твоего варианта и тоже самое сделал )

Да ладно чем тут чересчур-то? По моему классно вышло.

P.S. Вот те спать то не хотелось в полчетвертого утра в воскресенье, будто с утра не на работу)
Хорошая оптимизация получилась, не возражаешь я его в топик ссылку сделаю, как еще одна ветка?
Ну и немного под себя переделаю.
Попробую завтра переделать одним списком, как у тебя.
Я то блоками мыслил изначально — до такой оптимизации сразу не допер )
Отлично, приветствую всяческие доводки и усовершенствования!
Еще один шаг к идеалу )
Исправлено, апдейт в посте. Пример смотрите в хроме.
Обновил для Хрома смотри апдейт в посте
Поддержка Google Chrome
Да теперь понятно, запишем по итогу
<hm tab="23442X" fingers="12431">


Только пальцев все таки 5
fingers=«12431X»

А не 6 )

Больше всего убивает когда «работаешь на дядю» не веб-программистом (обычным), а как хобби фрилансишь, помагая знакомым друзьям и прочим друзьям друзей друзей делать сайты — это реально раздирает на части. А если еще и SEO сюда подмешивать, как я когда-то делал, то лучше глову не поднимать и работать, работать не останавливаясь.
С вероятностью глюков вы перегибаете — это все решаемо.

О табулатурах: Москва не сразу строилась — и я все сразу не могу сделать, это только начало. html+css для табулатур — это будущие задачи.

Аккорд — начальная точка, это наименне сожная запись и их я знаю сам. Остальные записи изобилуют спец символами и требуют более глубокого изучения мной.
Посмотрите, во что превращаются аккорды без стилей.

А кто сказал, что кто-то будет смотреть на них без стилей?! Это и не предполагается, я не ставил задачи сделать отображение аккордов для браузеров типа lynx. Это все для современного пользователя с нормальным браузером.
Wap — версия? Нет — такой задачи тоже не было.

… код — его как-то нереально много для такой задачи.

Уж тут простите, мерки у каждого свои, да и код тут не на один аккорд указан, если смотреть внимательно.

… тут как раз тот случай, когда нужно использовать таблицу

Конечно у каждой задачи может быть и не одно решение.
Я думаю у таблиц будут проблемы, но утверждать не берусь, попробую.

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

А где вы видели, что если кто-то берет чью-то разработку, то он бездумно вставляет ее в свой код и ничего не делает?
Конечно могут возникнуть конфликты имен, но об этом пользователя предупреждают. Если пользователь заинтересован встроить к себе это решение, я думаю, он постарается свой CSS на сайте подпилить, чтобы все было нормально.

Все будет как на ладони даже при просмотре чистого html, а уж со стилями тем более. И для стилизации скорее всего понадобится не так много правил, как для списков и дивов.

Мы не в каменном веке, чтобы смотреть в современном браузере Html без стилей — их для того и придумали, чтобы удобно было. Чистый html интересен только кодеру — пользователь не код оценивает, а оформление и содержание.

Информация

В рейтинге
1 801-й
Откуда
Россия
Дата рождения
Зарегистрирован
Активность

Специализация

Бэкенд разработчик, Site Reliability Engineer
Старший
SRE
Мониторинг
GitLab
Golang
Высоконагруженные системы
Проектирование архитектуры приложений