Кроссбраузерный text-overflow \(^_^)/

[@tenshi]

к сожалению это решение очень некрасиво выглядит в лисице =(

[@youROCK]

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

[@tenshi]

открой оба варианта в мозилле и посмотри =_="

[@tenshi]

затем, чтобы правила для эллипсинга не конфликтовали с другими правилами

если убрать градиент, то буквы будут обрезаться где попало

[@tenshi]

да, это очень удобно. xbl и xslt развращают ^^'
а с валидностью всё хорошо — кастомные доктайпы рулят

[@youROCK]

Выглядит совсем не также, градиент лично мне очень не нравится и вызывает раздражение. А что текст нельзя выделять — да, не супер, прямо скажем :).

[@tenshi]

на самом деле у меня есть решение лишённое этого недостатка, но оно ещё сырое %-) там текст обрезается по одному символу и сравнивается получившаяся ширина с шириной блока… надо хотябы бинарный поиск прикрутить…

[@tenshi]

угу, и многоточие вставлять через «анонимный» элемент, чтобы оно не копировалось.

[@Denai]

в примере градиентная часть выделяется только целиком и выглядит выделенная ужасно(

[@tenshi]

все.

[@Nekuromento]

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

[@tenshi]

смайлики отступили, но они не сдались! х3

[@rednaxi]

Еще бы из заголовка \(^_^)/ отступил было бы вообще шикарно

Недолюбливаю я таких ярых анимешников, к сожалению. Не понятно, почему вдруг аниме культура получила такое распространие, а например сюзмультфильм культура, или дисней культура — нет. Хотя соглашусь что некоторые мультфильмы в этом стиле вполне смотрибельны, но зачем люди смотрят кучу серий с субтитрами, меняют свой внешний вид и т.д. из за мультиков — мне не очень ясно, честно говоря.

Это как наркотик. У меня друг был хороший, вполне адекватный человек, подавал неплохие задатки в программировании. Потому начал смотреть наруто, ставить такие смайлики, потом отрастил себе длинные волосы, где то пол года назад я перестал с ним общаться потому что все общение сводилось к «ыыы вышла новая серия наруто ня давай посмотри вместе со мной ня ня», недавно встретил, он выглядит теперь как гей, ходит на какие то сходки где они играют в файтинги на сеге, программирование забросил. Причем он вообще не пьет и веществ вроде не употребляет (раньше не употреблял).

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

Страшные короче люди.

[@tenshi]

неужэли мы тебя так сильно пугаем? *кавайные глазки*

[@egorinsk]

Ну, японские смайлики по моему прикольные! (° Д °)

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

[@xtech]

Думаю ссылка на рабочий пример была бы очень уместна.

[@tenshi]

я бедный школьник… у меня нет денег на хостинг т_т

[@tenshi]

pastebin.mozilla.org/716789

код bindings.xml в статье

[@tenshi]

пасибки \(*^*)/

[@tenshi]

их нет. без понятия.

[@tenshi]

мне не помогло =(

[@vvk]

я попробовал ваш вариант за 99.9 10 раз. Деньги вы вышлете яндекс.деньгами или вебманями?

[@tenshi]

это вы нам должны 12 долларов (включая налоги). у вас есть 7 дней для отправки их нам любым удобным для вас способом, иначе нам придётся передать ваши координаты в отдел урегулирования спорных ситуаций.

[@Terion]

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

[@Terion]

а, ну и да, если просто срезать и подставлять точки автером, не выйдет обрезать по целым символам…

[@tenshi]

тут он не нужен — просто с ним удобней.

[@glazs]

Мне категорически нравится ваш слог!
И да, прочитав статью, я понял, что отстал от жизни.

[@Triall]

По-моему этот способ слишком сложен и дорог для такой простой фичи.
Ну а если же без нее никуда, то на помощь к нам идет PNG-24 с полупрозрачным градиентом внутри.

[@tenshi]

в некоторых случаях он идёт, но так и не доходит.
что в нём сложного и дорогого?

[@acy]

А почему коммент не выделяется? Я как бэ хочу сказать, что без выделения метод весьма ебаный.

[@tenshi]

во многих случаях сойдёт

[@yoihj]

А в IE это будет работать? (Просто вроде как «кроссбраузерный» в названии присутствует...) Если будет — то в каких?

[@tenshi]

ie6+

[@ChemAli]

8 — работает.

[@ppiskun]

В хроме не работает
floomby.ru/content/F8zLkJ4BYE/

[@rednaxi]

работает, внимательней посмотрите код, оверфловятся только 2 нижние строчки

[@immaculate]

Использую www.bramstein.com/projects/text-overflow/ jQuery text overflow plugin. Неидеально, но недостатки почти незаметны.

[@heruvim]

круто, сегодня пригодилось

[@heruvim]

а для каких целей тут inline-block?

[@tenshi]

чтобы блок подстраивался под размер контента не только по высоте, но и по ширине

[@heruvim]

странно, сегодня FF 3.6.3 стал выдавать ошибку to much recursion на строке
if( this.display !== val ) this.style.display= val

если заменить ее на
if( this.style.display !== val ) this.style.display= val

все проходит

[@tenshi]

мистика о_0 пропатчил

[@heruvim]

я у себя написал так
if( this.display !== val && this.style.display !== val ) this.style.display= val

чтоб наверняка :)

[@meshkov]

Спасибо!