Длинные значения полей

[Adelf]

Длинные значения полей

Что вы обычно делаете с этой проблемой?

http://www.imagepost.ru/images/166/too_long_FF.gif

 

[c0dex]

В смысле форматирования, верстки?

 

[Adelf]

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

 

[c0dex]

Я делаю в зависимости от задачи, если текст в пробелами - то просто в несколько строчек, если без - либо обрезаю многоточием и ставлю попап с полной инфой по клику на обрезанный контент или делаю скрытие части контента через оверфлоу (точно не помню как, смысл в том, что часть контента просто не видна)

 

[Adelf]

делаю скрытие части контента через оверфлоу (точно не помню как, смысл в том, что часть контента просто не видна)

Ага.. но нужно, чтобы пользователь все-таки как-то мог увидеть полное название.
Требования по браузерам - IE 7-8, FF 3.0+

У нас там народ пытался что-то сделать(обрезали с помощью, оверфлоу и, кажется, атрибут Title использовали чтобы показывать), но работает только в IE7 даж в восьмом уже не работает. Чтото обрабатывать на сервере - проблематично, там и так много логики, и завязано все через аспнетовский ObjectDataSource. Не хотел бы я туда лезть Да и через JS некрасиво, помоему, решать.
Прежде чем глубоко копать, решил спросить тут.

 

[c0dex]

Adelf
Делай скрытие, а при наведении на контент - плавающее окошко около мышки, с полным содержимым. Разбив этот безпробельный контент переносом по 20-30-40 символам. То есть решение будет двойным, ASP+JS. Хотя можно обойтись плавающей подсказкой.

Ну или как вариант - разбивать контент и не позволять вводить такой бред. Как это сделать - разговор отдельный.

 

[A1x]

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

 

[iceman]

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

 

[c0dex]

при этом у тебя целостность восприятия будет нарушена, так как если будет виден конец - не будет видно начала.

 

[Crys]

чисто JS и помоему это будет лучше, и универсальней как бы..

это overflow:hidden который? )

 

[c0dex]

при чем тут JS и CSS: http://htmlbook.ru/css/overflow.html ?

 

[iceman]

Crys
мышкой наведи и попробуй перетащить, это по твоему CSS?

 

[Adelf]

iceman
перетаскивание - конечно JS.
А скрытие длинной строки - это чистые HTML+CSS. Я также буду делать наверно.