За последние 24 часа нас посетили 16869 программистов и 1312 роботов. Сейчас ищут 1348 программистов ...

Автоматически обрезаемый текст

Тема в разделе "HTML и CSS", создана пользователем antonn, 31 мар 2008.

  1. antonn

    antonn Активный пользователь

    С нами с:
    10 июн 2007
    Сообщения:
    2.996
    Симпатии:
    0
    задачка возникла :)
    подпись мою наверное видели, там у винды есть таскбар, на нем кнопочки. Слишком большие заголовки на кнопочках я подрезаю на сервере, но когда кнопок становится много, многострочные начинают врапиться, а потом вообще у окна появляется горизонтальная прокрутка. так вот вопрос, можно ли как то сделать так, чтобы текст дополнительно автоподрезался на клиенте? и все это работало с отключенным ява-скриптом... и на табличной верстке :)
    [​IMG]
     
  2. stas_t

    stas_t Активный пользователь

    С нами с:
    24 апр 2007
    Сообщения:
    500
    Симпатии:
    0
    Адрес:
    Courbevoie, France
    overflow: hide ?
     
  3. antonn

    antonn Активный пользователь

    С нами с:
    10 июн 2007
    Сообщения:
    2.996
    Симпатии:
    0
    так вот на ИЕ не хочет резаться... код показывать? :)
     
  4. EvelRus

    EvelRus Активный пользователь

    С нами с:
    16 ноя 2006
    Сообщения:
    2.168
    Симпатии:
    0
    Адрес:
    Москва
    antonn
    А как же.. мне тоже интересно :)
    Может JS??? Обрезать если элементов больше чем... или длина слова больше чем...
     
  5. dAllonE

    dAllonE Guest

    Nemo
     
  6. EvelRus

    EvelRus Активный пользователь

    С нами с:
    16 ноя 2006
    Сообщения:
    2.168
    Симпатии:
    0
    Адрес:
    Москва
    Пропустил :(
    JS У большинства включен!!! )
     
  7. Elkaz

    Elkaz Старожил
    Команда форума Модератор

    С нами с:
    26 июн 2006
    Сообщения:
    3.373
    Симпатии:
    0
    Адрес:
    Баку, Азербайджан
    Может уже пора забить на пользователей, которые отключают js? Это ведь какая-то ппц мнительность. Если боятся через JS получить вирус или еще чего. о_О Не зря же он включен по умолчанию во всех браузерах.
    У меня к примеру запрет пользователям без JS, ибо основной функционал на нем
    HTML:
    1.  
    2. <noscript>Извините, но у вас отключен JS. Включить его Вы можете в настройках браузера. Для продолжения работы с сайтом включите JavaScript</noscript>
    3.  
    Или проблема в том, что лень на js реализовывать? :)))
     
  8. topas

    topas Активный пользователь

    С нами с:
    16 авг 2006
    Сообщения:
    2.258
    Симпатии:
    36
    у каждого свои тараканы в голове.

    Забавно, у меня такое же, только без CSS :)
     
  9. Ti

    Ti Активный пользователь

    С нами с:
    3 июл 2006
    Сообщения:
    2.378
    Симпатии:
    1
    Адрес:
    d1.ru, Екатеринбург
    HTML:
    1. <div style="overflow: hidden; width: 20px; white-space: nowrap">waka  waka  waka  waka  waka  waka  waka</div>
     
  10. antonn

    antonn Активный пользователь

    С нами с:
    10 июн 2007
    Сообщения:
    2.996
    Симпатии:
    0
    код:
    http://desksoft.ru/_files/xlam/tacking.html

    в ИЕ не обрезается :(

    ЗЫ забивать на тех, кто без явы я буду в одноразовых проектах, а на своей хоумпаге я хочу сделать все красиво :)
     
  11. topas

    topas Активный пользователь

    С нами с:
    16 авг 2006
    Сообщения:
    2.258
    Симпатии:
    36
    Если честно... то обычно наоборот люди поступают...
     
  12. antonn

    antonn Активный пользователь

    С нами с:
    10 июн 2007
    Сообщения:
    2.996
    Симпатии:
    0
    я ненормальный %)
    по заказным проектам у меня есть ТЗ, за него заплачено и я выполняю его в точности, механическая работа. А тут для себя, для души :)
     
  13. topas

    topas Активный пользователь

    С нами с:
    16 авг 2006
    Сообщения:
    2.258
    Симпатии:
    36
    тем не менее пресловутая кроссбраузерность и все прочее должно оставаться в силе... или не так?
     
  14. antonn

    antonn Активный пользователь

    С нами с:
    10 июн 2007
    Сообщения:
    2.996
    Симпатии:
    0
    конечно, но в мелкие детали я не вдаюсь, если мне на них не указали.
     
  15. EvelRus

    EvelRus Активный пользователь

    С нами с:
    16 ноя 2006
    Сообщения:
    2.168
    Симпатии:
    0
    Адрес:
    Москва
    Все бы отлично... вот только обрезает на середине буквы... а можно как-то добавить "Текстович..."
     
  16. Kreker

    Kreker Старожил

    С нами с:
    8 апр 2007
    Сообщения:
    5.433
    Симпатии:
    0
    antonn
    У тебя за сегодня уже 160 посетителей. Из них максимум 1% с выключенным яваскриптом. И из-за 1-2 человек должны страдать сотни?
    В том то и дело, что обычно "для души" делают как можно лучше, чтобы у большинства сайт выглядел красиво...
     
  17. Anonymous

    Anonymous Guest

    topas, Elkaz, Kreker, оффтоп.
     
  18. nimistar

    nimistar Активный пользователь

    С нами с:
    30 май 2007
    Сообщения:
    919
    Симпатии:
    0
    а зачем обернул ещё одним дивом ?
    повесь оверфлоу на класс wtackbar_button nw тега TD
     
  19. antonn

    antonn Активный пользователь

    С нами с:
    10 июн 2007
    Сообщения:
    2.996
    Симпатии:
    0
    TD ведь не блочный...
    обернул, потому что без дива он вообще нигде не обрезается
     
  20. +Sten+

    +Sten+ Активный пользователь

    С нами с:
    27 авг 2007
    Сообщения:
    978
    Симпатии:
    0
    Сори, оффтоп: а может кто показать пример JS, который может быть потенциально опасным?
     
  21. topas

    topas Активный пользователь

    С нами с:
    16 авг 2006
    Сообщения:
    2.258
    Симпатии:
    36
    +Sten+
    Пример показать не могу, но IE очень уязвима в этом плане... AcitveX и все-такое... Конечно, браузер может спросить про потенционально-опасное ПО, но если посмотреть на изменения в FF, то последние 12 были связаны с защитой
     
  22. Anonymous

    Anonymous Guest

    http://msdn2.microsoft.com/en-us/library/2z9ffy99(vs.71).aspx

    Почитай, и подумай, что с таким сделать можно умеючи )
     
  23. BS

    BS Активный пользователь

    С нами с:
    10 апр 2008
    Сообщения:
    149
    Симпатии:
    0
    Вот простейший работающий пример:

    Код (Text):
    1.  
    2. <HTML>
    3. <HEAD>
    4. <style type="text/css">
    5. table{table-layout:fixed;}
    6. td {white-space:nowrap;overflow:hidden;width:20%;}
    7. </style>
    8. </HEAD>
    9. <BODY>
    10. <TABLE cellSpacing="0" cellPadding="0" width="100%" border="1">
    11. <tr>
    12. <td><span>12345678901234567890</span></td>
    13. <td>44444444</td>
    14. <td>88888 888888 88888</td>
    15. <td>121212 1212</td>
    16. <td>44444</td>
    17. </tr>
    18. </table>
    19. </BODY>
    20. </HTML>
     
  24. topas

    topas Активный пользователь

    С нами с:
    16 авг 2006
    Сообщения:
    2.258
    Симпатии:
    36
    Ну... первое что пришло на ум, так отправить на сервер файл autoexec.bat на сервер :)