WEB: как сделать резиновую подложку? #154994

#0 by PVasili

Хочется сделать на черном фоне старый лист пергамента, с возможностью растягивания. Если делать таблицами с фоном, разбитым на 9 квадратов, сложно подобрать стыки, чтобы было гладко :(

#1 by Каанкереде

1.таблицы - это пошло 2.разъясни, зачем картинку на 9 квадратов бить?

#2 by PVasili

Зато везде работает... Левый верхний угол, верх, правый угол верхний и т.д. Есть другие варианты, выслушаю...

#3 by Сержант 1С

О как...

#4 by Каанкереде

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

#5 by PVasili

Рекомендовать одно... Есть варианты, выслушаю...

#6 by smaharbA

В смысле растягивания? При изменении размера окна или чтобы мышкой как окно ?

#7 by Каанкереде

что представляет собой лист прегамента? однородное поле с рваными краями?

#8 by Сержант 1С

Предлагаешь привязать графику к границам окна?

#9 by Каанкереде

да. Углы зафиксировать. Горизонтальные полоски с рваными краями зафиксировать по высоте, а ширину дать процентами. Соответственно у вертикальных краев наоборот. Середину просто заполнить однородным бэкграундом.

#10 by Каанкереде

+Надо смотреть еще какя рваность у краев. А то может на горизонтальные края достаточно background-repeat: repeat-x; дать и красиво получиться? На вертикальные соответственно background-repeat: repeat-y;

#11 by Deon

Думаю, что со стыками ничего не поделать. Стык при растягивании может получиться в любом месте.

#12 by smaharbA

Не че не понял какими процентами, этож будет только в момент открвтия, а при изменении размера окна? Все просче и согласно ДОМ, но конечно с включенной джаваскриптой, можно два варианта автоматом

#13 by Deon

А показать, что есть сейчас можешь?

#14 by Каанкереде

с какого перепуга только при открытии? При изменении окна все проценты сохраняются....

#15 by smaharbA

А ты попробуй

#16 by Каанкереде

я и так знаю, лучше ты попробуй.

#17 by PVasili

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

#18 by PVasili

да

#19 by Каанкереде

у них крайние картинки фиксированного размера.....

#20 by Camino

Поищи текстуру нужную (без швов) или сделай сам. В инете текстур навалом.

#21 by PVasili

Ну да, по ширине вроде как и нормально... Еще высоту нужно добавить см, Вот в этом то и беда :( где 2 варианта? урл?

#22 by Каанкереде

Так ты вдоль внутренних границ контейнеров делай однородные текстуры, швы не будут заметны.

#23 by Camino

#24 by smaharbA

<html><body bgcolor=black><div id=bckg align=center style='height:100%;width:100%;position: absolute;left:0px;top:0px; z-order:9999'><img src=bmp.bmp id=k width=80%></div><div id=content><div style='position: absolute;left:0px;top:0px; z-order:1; color:white'>BBBBBBBBBBBBBBBBBBBBBBBBBBBB</div></body></html> ну тут топ для первого слоя надо динамически, или я чего не понял

#25 by PVasili

Лучше даже Paper Textures или Рarchment Textures. Спасибо, как я сам не догадался :)

#26 by PVasili

Что должно получиться?

WEB: как сделать резиновую подложку? #154994

Похожие вопросы 1С

В этой группе 1С