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

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

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

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

    а вот так надо, чтобы было
    Ошибка загрузки изображения!

    Ответы: (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. 5 г. назад

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

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

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

  21. А...

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

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

    почему?

  23. Простой вопрос для знающих, я так думаю:
    Экран поделен на три части
    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/

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