Кроссбраузерное подчеркивание: трудности отрисовки

[scr1pt]

Хорошо же, а! Какая забава всем сидеть с этими запарными различиями... Вот только почему не могут разработчики договориться и разработать один открытый браузер, на который и будет весь мир ориентироваться? Пока это, думаю, ослик... Но что-то пропиетарщина заела;)

[khim]

Как ни странно потому что этого никто не хочет. В том числе вы :-) Один браузер == одна версия браузера (на досуге поспрошайте вокруг насчёт различий между MS IE 6 и MS IE 7), а это значит - один набор фич и багов. Навсегда. Если так сделать - рано или поздно появится кто-то, кто сделает лучше (в случае с MS IE на это потребовалось несколько лет, но в конце-концов появился-таки Firefox и народ начал на него потихоньку переползать). Лучше уж разрабатывать стандарты и постепенно избавляться от проблем в реализации - но тогда нужно придумать какой-то способ, который бы позволял пересаживать людей на новые версии... Что непросто...

[Hitryi_Pryanik]

Ентот способ пересадки, а точнее рецепт выглядит так [недорогой безлимитный инет]+[автообновление]+[привитие желания думать и выбирать]

[ident]

сила рынка одним словом

эх невидимая рука Адама Смита....))

[neuotq]

А как же Амая (http://www.w3.org/Amaya/) ?!?!? Только не рекомендую в нем просматривать невалидные сайты, самый честный браузер)

[khim]

Вы в нём на ACID2 пробовали смотреть ?

[middle]

А ACID2 нарочно невалидный. Так что см. выше :)
(Offtopic: Хочу перед вами извиниться, был не прав насчёт cookie).

[ignar]

Вот потому и не могут, что каждый гнет в свою сторону. Какой смысл переписывать microsoft свой IE, если им пользуются более чем 70% планеты... А домохозяйкам намного легче тыкнуть на иконку ИЕ чем доставлять что-то %)

[antares]

Это же ступор в развитии огромный. Есть здоровая конкуренция, которая как раз-таки и позволяет устранять различные баги и придумывать новые,— и таким образом постепенно каждый броузер подводить к совершенству.

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

[macsyk]

Мониполизм залог застоя. Вот не было бы Firefox и Opera - так бы и сидели все на IE 5.0 :)

[RaSta]

>lynx -use_mouse http:// habrahabr.ru

[mr_idiot]

А еще в фаерфоксе в единственном подчеркивание утолщается при использовании полужирного шрифта.. Не могу понять хорошо это или плохо.

[denver]

Тссс.. Это не должно никого волновать пока самизнаетекто не заметил.

[aanto]

Думаю веб-разработчикам стоит принять то, что браузеры разные (не плохие и хорошие, а просто разные) и не заниматься дурью в виде приведения картинки в каждом из них к одному виду вплоть до десятой доли пиксела.

[Hitryi_Pryanik]

Думаю надо писать по стандартам прежде всего, но и так, чтобы каждый пользователь видел с точностью до пикселя так, как его сделал дизайнер.

Позвольте обьяснить Вам, дорогой мой, значение одного пикселя.
Сядьте-ка за винду (насчёт висты не знаю, но икспи и старше точно), теперь подвиньте курсор мыши в левый нижний угол и сделайте клик. Кнопка «Пуск» не нажмётся, потому что там один лишний пиксель слева и два снизу. Разработчики интерфейса заставляют Вас целиться в маленькую кнопочку. А если бы кнопочка, точнее её активная область нажатия, была прижата к двум краям экрана, то целиться в неё не пришлось бы вовсе. Приницип «кнопки размером в квадратный километр». Такова цена одного пикселя.

[dyakov]

Видно, ответ дизайнера =)
С точностью до пикселя всегда и везде — это утопия.

[axis]

Ну, к слову, на моей XP Pro SP2 Eng в стандартной теме кнопка Start именно размером километр на километр.
Я согласен, что цена пикселя в таких делах бывает высока, но просто уверен - многие сейчас кинулись проверять ваше утверждение и хотелось сказать, что оно не для всех верно.

[XXXVII]

Интересную особенность винды нашел: если кликать по этому пресловутому пикселю слева от кнопи "Пуск", то курсор сдвигается (скачет) вправо, и кнопка-таки нажимается

[denver]

>>теперь подвиньте курсор мыши в левый нижний угол и сделайте клик. Кнопка «Пуск» не нажмётся

У меня нажимается, так что "XP и старше" - вычеркивай :)

[trak]

У меня нажимается. Наверное, у меня какая-то не правильная винда ХР.
Все, теперь буду пол-дня искать эту фичу :)

[foff4ik]

Да а вот с другой стороны (справа вверху) все, т.е. крестик зашибически нажимается, хотя лучше бы было наоборот, у мя стол не оч. ровный или с мышами какието проблемы и иногда мыша уходит вправо-вверх оч неприятно когда браузер закрываеш нечаино.

[trminator]

в XP — только для "классической" темы. В более старых виндах — приходится целиться.

[joeblake]

у вас XP особенная?

[aanto]

Есть пикселы важные, есть не важные. Причём у меня чаще всего именно дизайнеры в пикселах лажают. Самая распространённая ошибка — прислать два макета разных страниц сайта в которых общая часть разная, а потом требовать чтобы было 1к1 :))

[Hitryi_Pryanik]

Личное мнение, как это должно выглядеть. А выглядеть в идеале это должно так, как мы это делаем интуитивно от руки. А это значит:
а) Жирность подчёркивания должна соответствовать или расти пропорционально с кеглем/жирностью надписи
б) Подчёркивание должно быль под базовой линией и над нижней границей строки либо под базовой линией с минимальным промежутком, чтобы не задевать элементы буков и не мешать читаемости.
в) В идеале подчёркивание должно прерываться на подстрочных выносах, не пересекать их.

Приоритетным должен быть отступ вниз от базовой линии (отсутствие отступа мешает чтению). Вторым по значению — положение над нижней границей (при малом кегле можно на ней). И третьим — соответствующая жирность.
Из вышепредставленных скриншотов наиболее адекватный вариант на мой взгляд оперовский: между нижней и опорной линиям и жирность адекватная.

[rumkin]

Поддерживаю во всём, ни добавить, ни убавить.

[slavik]

а у всех при имитации подчеркивания нижней границой типа dotted в ие6 показывает dashed? есть какие-нибудь рецепты против этого?

[denver]

А где стандарт на то как должен выглядеть dotted?
Есть вещи которые по рекомендациям w3c - на усмотрение браузера. Других рекомендаций пока нет, если не ошибаюсь.

[slavik]

к сожалению был воспитан старым "HTML в примерах", где dotted - граница точками, dashed - границы штрихами... 8(

[denver]

в IE7 пофиксили. Для старых - только { border: none; background: url(/images/css-dotted.gif) repeat-x bottom; }

[lusever]

Сделать границу в 2px

[Miyazaki]

Тестируем еще раз: ...если вы будут их повторять — будете. поправте, плиз

[Arexoy]

В дополнение к статье можно заметить, что в Opera на отображение линии подчеркивания при увеличении размера шрифта также влияет font-family. Например если использовать "Times New Roman", подчеркивание может отображаться сразу тремя способами: как в Firefox, Opera или IE. Arial - только как в Opera или Firefox.

[Lilumi]

не по поводу подчеркивания, а по поводу отображения шрифтов в броузерах. Это только у меня раздражения вызывают шрифты в SAFARI - создается впечатление что они растеризованы как в фотошопе??? или вы тоже это замечали?

[Arexoy]

Ну да, текст рендерится своеобразно. Но лично мне нравится.

[Cy6JIuMamop]

Это стиль Apple в рендеринге шрифтов. В винде при изменении размеров шрифта, его вид достаточно сильно меняется. В Apple начертание его почти неизменно как раз из-за размывания.
Недавно в каком-то блоге статья по этому поводу была.

[frst]

в опере как обычно самый красивый вариант

а вообще, по уму, оформление таких штук должно зависеть от ОС а не от браузера

использовать border - глупо, так же как и использовать стили для элементов форм, понимание таких штук обычно приходит с возрастом ;)

[webmolot]

а почему бы не прописать для ссылки стиль:
a {border-bottom:1px solid black; text-decoration:none;}
этим самым мы:
- делаем вид подчеркивания кроссбраузерным
- легко можем изменять вид подчеркивания, меняя стиль рамки
- можем сделать цвет подчеркивание отличным от цвета текста
- моежем задавать толщину подчеркивания
и еще много чего интересного :)

[noita_kronk]

Потому что border находится на границе блока, а подчёркивание — между базовой линией шрифта и границей нижних выносных элементов. Вы чувствуете разницу? :-) К тому же в идеале подчёркивание должно автоматически подстраиваться под шрифт.