За последние 24 часа нас посетили 18012 программистов и 1589 роботов. Сейчас ищут 1398 программистов ...

спрятать длинный текст под дивом

Тема в разделе "HTML и CSS", создана пользователем rainarr, 24 ноя 2010.

  1. rainarr

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

    С нами с:
    20 ноя 2010
    Сообщения:
    276
    Симпатии:
    0
    привет
    есть див, ширина где то 200px, там написан и вот текст если длинный то нужно чтоб не растягивал див и не wrap-ил на новую строку а просто "спрятался". подскажите что там надо было приписать к диву?
     
  2. Gromo

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

    С нами с:
    24 май 2010
    Сообщения:
    2.786
    Симпатии:
    2
    Адрес:
    Ташкент
    style="overflow: hidden;"
     
  3. rainarr

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

    С нами с:
    20 ноя 2010
    Сообщения:
    276
    Симпатии:
    0
    Спасибо. Я так понял текст должен оставатся на второй строке и нужно его прятать дополнительно height-ом? Думал вариант по проще есть :)
     
  4. Elkaz

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

    С нами с:
    26 июн 2006
    Сообщения:
    3.373
    Симпатии:
    0
    Адрес:
    Баку, Азербайджан
  5. rainarr

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

    С нами с:
    20 ноя 2010
    Сообщения:
    276
    Симпатии:
    0
    Не хочется новую тему создавать, надеюсь увидят
    Задача почти тоже самое: есть картинка, например 800Х600 или 600х800 (размер не известен) и див с размером 200х200
    надо уменьшить картинку (пропорционально) + так чтобы она не растягивалась, вобщем просто уменьшить, кто может сталкивался с таким?
     
  6. siiXth

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

    С нами с:
    14 мар 2010
    Сообщения:
    1.447
    Симпатии:
    1
    rainarr
    для себя вижу единственный вариант - jquery , узнаём размер дива , ставим размер картинки
     
  7. name4ef

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

    С нами с:
    26 ноя 2010
    Сообщения:
    7
    Симпатии:
    0
    Адрес:
    Tomsk
    <img style="width: 100%;" />
     
  8. rainarr

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

    С нами с:
    20 ноя 2010
    Сообщения:
    276
    Симпатии:
    0
    Отличное 1 сообщение.. только представь width: 100% с картинкой 600х800 (ширина<высота) будет выглядеть в этом случае
     
  9. igordata

    igordata Суперстар
    Команда форума Модератор

    С нами с:
    18 мар 2010
    Сообщения:
    32.408
    Симпатии:
    1.768
    задай тегу имг насильно размер и не парься
     
  10. rainarr

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

    С нами с:
    20 ноя 2010
    Сообщения:
    276
    Симпатии:
    0
    записывать в базу размер картинок и потом насильно изменить пропорционально размер это конешно вариант, но кажется есть способ сделать это одним CSS

    upd: так и сделал, надеюсь как временный вариант )
     
  11. name4ef

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

    С нами с:
    26 ноя 2010
    Сообщения:
    7
    Симпатии:
    0
    Адрес:
    Tomsk
    Извиняюсь, не верно понял вопрос. Тогда могу предложить следующее решение:

    HTML:
    1. <img src="./img1.jpg" onload="(this.height > this.width) ? this.style.height = 100 + '%' : this.style.width = 100 + '%';"/>