Обновить

Комментарии 30

Решение имеет право на жизнь, много где реализовано именно так
Хотя "честнее" конечно будет контролировать и проверять все входные данные чтобы не получилось казусов
>Я, конечно, понимаю что на суперхабре всё будет по-другому (и вёрстка в том числе)
На суперхабре "всё по другому" уже уйму времени. Пока никто не собирается фиксить баги в текущей версии, прикрываясь суперхабром. А жаль =(
СХ уже тестится, так что чего там прикрываться - там сделано все, теперь отлаживается.
"Сделано все" звучит круто! Даже тибетские манахи будут в восторге...
Я вот сначала подумал, что лучше не скролл а автоуменьшение картинки вдвое с последующим зумом (если превышает лимит определённый). Но потом вспомнил, что сайт резиновый по ширине. Так что решить могли бы.
Firefox can't find the server at www.usersсriрts.org. — упал у них сервер =(
За скрипт спасибо, попозже поставлю. У нас уже собирается коллекция юзерстайлов и юзерскриптов для этого коллективного бложека )
У меня всё работает, но по вашей ссылке не переходит. Возможно надо без www - userscripts.org/scripts/show/27477
Сделал и добавил скрипт для Greasemonkey (возможно это можно сделать по-другому, это мой первый скрипт для Greasemonkey сделан по просьбе друга)
лучше оформите как usercss. не для грейсманки. вот пример стиля для хабра: http://userstyles.org/styles/7516
Побилась ссылка
Да, хабр как-то преобразовывает ссылки, вот текстом — userscripts.org/scripts/show/27477
Спасибо.
Насколько знаю - так преобразуется, если слово script в ссылке есть.
>> «comment_text» добавить правило «overflow:auto»

Это было бы слишком просто, если бы не IE, который делает не только горизонтальную прокрутку, но и вертикальну… вот так, просто, чтобы было…
Ну можно сделать отдельное правило для IE что overvlow:visible; всё равно основная масса пользователей не используют ie
Я, на самом деле, просто обрубаю все слова, так как вряд ли в русском языке найдётся такое длинное слово, а эмоциональные выкрики, типа «ыыыыыыыыы» и «ааааааа!!!!!!!!!!!!!!!!!» легко угадывается, что будет дальше.
Я конечно понимаю что хаки это не хорошо, но у ИЕ есть ещё и overflow-y(x) для этого. А вообще я бы забил на ИЕ в данном случае :)
Ну забивать не надо, надо просто делать отдельные стили для него. Я предложил вообще убрать скролл для него, можно сделать и как вы сказали.
Я просто режу все что вылазит overflow:hidden потому как полосы проктутки напрягают да и врятли что-то полезное будет обрезано.
может вы лучше юзерскрипт сделайте, который будет вставлять < wbr > в слова длиной более 40 (например) символов. картинку он не поборет, но с текстом будет симпатичней, чем скролл тягать
НЛО прилетело и опубликовало эту надпись здесь
НЛО прилетело и опубликовало эту надпись здесь
Главное на баннерно-медийное-пространство не наехать!
СуперХабр - это миф :)
СуперХабр уже не тот.
Что бы вёрска не лопалась от длинных слов можно использовать потенциальный перенос - тег <wbr /> или &shy; или &#8203;:
Оче<wbr />ньдл<wbr />инная<wbr />стр<wbr />ока
При отсутвии места может выглядеть вот так:
Оченьдл
иннаяст
рока

http://liketux.croe.net/wbr.png
Из преведённой выше таблицы видно, что целесообразно использовать &#8203; К тому же в отличие от тега сущность ​ валидацию пройдёт.
НЛО прилетело и опубликовало эту надпись здесь
Во я повелся думал плюсики могу поставить :'(
Надо вообще сколлекционировать все эти способы.
1. Не пропускать длинные строки (фашизм)
2. Прятать их за правый край (некрасиво)
3. Резать посередине (не работает на тянущихся макетах)
4. Парсить жесткими переносами при выдаче (некрасиво)
5. Расставлять мягкие переносы (не везде корректно работает, неприменимо к несловарным строкам)
6. Применять к длинным словам мягкий word-wrap через CSS (некрасиво)
7. Автоматическая полоса прокрутки (непредсказуемо)

Ну и картинки же остаются ещё
НЛО прилетело и опубликовало эту надпись здесь
Зарегистрируйтесь на Хабре, чтобы оставить комментарий

Публикации