Вопрос по вёрстке

  1. 4 г. назад
    30.05.2019 12:52:48 отредактировано Сид Вишес

    В БД хранятся обычные печатные документы, переведенные в html. Хочу отображать их на сайте, но при этом хорошо их оформить, чтобы они не сливались с остальным сайтом, а как бы было видно что это отдельный бумажный документ.

    Я сделал iframe в нем отобразил документ. к iframe я добавил border серого цвета и стало [...].
    Вот только линейка прокрутки не там где надо. Хочу ее переместить куда надо, как это сделать?
    Вот так сейчас
    ТакСейчас.png

    а вот так надо, чтобы было
    ТакНадо.png

    Ответы: (42) (43)
  2. дык iframe это и подразумевает - отдельную область с отдельной прокруткой
    http://htmlbook.ru/html/iframe

    Ответы: (4) (6)
  3. может, это свойство поможет?
    http://htmlbook.ru/html/iframe/seamless

    Ответы: (3) (4)
  4. (2) проблемы с поддержкой...

  5. Ну вот как pdf к примеру отображают на сайте, как то так надо мне htnl отобразить. Чтобы было видно, что это не часть сайта, а документ, который там можно крутить, скроллить в этом вьюере. и Чтобы вышло как в
    http://forum330.com/forum/usr/img/2603/TakNado.png
    (1) я не настаиваю на iframe, может еще что то использовать, чтобы отразить html
    (2) это наоборот, делает так, что не заметно шва было между iframe и остальным контентом страницы. А мне нужно наоборот.

    Ответы: (7)
  6. 30.05.2019 13:39:58 отредактировано Сид Вишес

    Пока что временное решение - убрал серый border слева, стало похоже на то что надо немного, но не то

  7. (1) ну он способен в этой отдельной области с отдельной прокруткой сделать немного границу серую внутрь себя?

  8. (4) я бы div использовал

  9. И css

    .{
    width:300px;
    overflow-y:scroll;
    }

    Ответы: (12)
  10. Мне самому такую штуку надо приделать (превью документов) но у меня все в docx хранится. И пока не придумал как лучше сделать.
    Юзаю npoi но конвертить на лету из докс в хтмл как то не хочется.

    Ответы: (21)
  11. Ты имеешь в виду div а внутри него html от документа?

  12. Yep

  13. 31.05.2019 09:29:11 отредактировано Сид Вишес

    (8) получился div. Внутри этого div получился еще один div с документом и серой рамкой.
    - если ставить overflow-y:scroll; у наружного дива, то появляется линейка как надо, только она никак не связана с прокруткой документа. Просто серая линейка.
    - если ставить overflow-y:scroll; у внутреннего дива, то получается то же что и тут http://forum330.com/forum/usr/img/2603/TakSejcas.png

    Ответы: (13)
  14. 31.05.2019 09:52:25 отредактировано Курильщик

    Сид Вишес у наружного дива, то появляется линейка как надо, только она никак не связана с прокруткой документа. Просто серая линейка.

    Так не надо делать.
    Хотя как раз так и надо

  15. Останется только добавить чутка кода

  16. Надо функцию scrolltop попробовать

  17. Повесить на скрол внешнего дива скрол внетреннего

  18. чой то вас на версточку потянуло?

  19. Нас или конкретно их?

  20. господина Савоськина и его альтер эго?

  21. А...

  22. 03.06.2019 01:38:49 отредактировано ЗлобнийМальчик

    Курильщик Юзаю npoi но конвертить на лету из докс в хтмл как то не хочется.

    почему?

  23. 3 г. назад

    Простой вопрос для знающих, я так думаю:
    Экран поделен на три части
    div1 {height:25%; min-height:30px;}
    div2 {height:25%; min-height:30px;}
    div3 {height:50%; min-height:300px;}

    Пользователь уменьшает размер окна по вертикали. Все сужается, div1 и div2 достигают 30px и останавливаются. div3 со своими 50% вылезает вниз, из за чего появляется линейка прокрутки и так далее.

    Нужно чтобы при сужении по вертикали, когда div1 и div2 достигли пределов, div3 не вылезал по вертикали за экран, но при этом занимал максимальную оставшуюся область

    Ответы: (26)
  24. марджины делать надо

    Ответы: (25)
  25. 08.04.2020 12:32:10 отредактировано Луч света

    когда уже в 1с на страницах подсистем можно будет html использовать.
    чтоб унылые ссылки разбавить стрелочками, картинками и краткими пояснениями

    Ответы: (31)
  26. jsmith82 марджины делать надо

    Недостаточно

  27. (22) а почему не бутстрап?

    Ответы: (27)
  28. (26) Почему не бутстрап? Бутстрап, бляха!

    Ответы: (28)
  29. (27) просто там код можно посмотреть и примеры

  30. Первые ддва дива, это текстовые заголовки, как я понимаю. Не надо их растягивать. Им выдать фиксированные высоты, а третий див по абсолюту кинуть
    http://jsfiddle.net/uq2synb1/#&togetherjs=UbLK2qgeHR

    Ответы: (30)
  31. sda553 третий див по абсолюту кинуть

    Не нужно кидать абсолют где попало, это зло.
    Тут нужно флекс использовать. Немного изменил предыдущий jsfiddle:
    http://jsfiddle.net/Ltbovwcf/

    Ответы: (38) (39)
  32. Луч света унылые ссылки разбавить стрелочками, картинками и краткими пояснениями

    Возьми мастеркласс у бабули
    http://forum330.com/forum/conversation/post/6694-103

    Ответы: (32)
  33. sda553 Возьми мастеркласс у бабули

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

    Ответы: (35) (36)
  34. нампад

  35. jsmith82 да я сам офигел. бабуля выходит на новый уровень по ходу

    Просто копипаста из телеграма

  36. jsmith82 да я сам офигел. бабуля выходит на новый уровень по ходу

    Да она сама офигела

  37. Думаю, она просто скопипастила.
    Вот если б сама, что нибудь типа ✁✆✈✐

  38. 09.04.2020 11:56:48 отредактировано Сид Вишес

    (30) Годно, спасибо.

    Ответы: (39)
  39. Сид Вишес (30) Годно, спасибо.

    На здоровье. Обращайся.

    Ответы: (40) (45)
  40. webdev На здоровье. Обращайся.

    Я люблю тебя. извини....

    Ответы: (44)
  41. А я всех вас люблю воот так (руки развожу напропалую)

  42. (0) зачем фрейм в данной задаче? На кой чёрт столько гемороя? Почему не div со скролом?

    Ответы: (43)
  43. Дуб (0) зачем фрейм в данной задаче? На кой чёрт столько гемороя? Почему не div со скролом?

    Я тоже хотел ответить на этот вопрос, но увидел что то сообщение написано год назад )))

  44. NewTesla Я люблю тебя. извини....

    За что???

  45. webdev На здоровье. Обращайся.

    Есть div, в нем текст, текст wrpapится переносом, если не влезает в div. Нужно чтобы при этом высота div росла не как попало, а кратно 35px.
    Например одна строка текста высота div 35px,
    Текст разбился на две строки текст, 70px (если не влезают в 35px)
    Три строки, высота div 105px, или 70px или 35 px в зависимости от того в какую div все три строки влезают

    Ответы: (46)
  46. Сид Вишес Есть div, в нем текст, текст wrpapится переносом, если не влезает в div. Нужно чтобы при этом высота div росла не как попало, а кратно 35px.
    Например одна строка текста высота div 35px,
    Текст разбился на две строки текст, 70px (если не влезают в 35px)
    Три строки, высота div 105px, или 70px или 35 px в зависимости от того в какую div все три строки влезают

    line-height: 35px;

  47. http://jsfiddle.net/js7bwzfo/

или зарегистрируйтесь чтобы ответить!