Jump to content
  • 0

Тянучка и две картинки в ячейке


okunev2
 Share

Question

Ребята, вопрос к профессионалам ;)

Вот доктайп:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

Вот макет простой:

0e83dcd80279.jpg

Центральная часть фиксированная 800 пикселей, это таблично сверстаны сайт, при меньшем разрешении появляется горизонтальная прокрутка. Вопрос в чем, как сделать по бокам центральной части, чтобы к примеру если брать правый край (фон завитушки), вырезать центральную часть бокового фона он будет тянутся по высоте, а вверху и внизу соответственно картинки заканчивающие фон, они не тянутся?

Подскажите, возможно ли это дивами реализовать, а не таблицей при таком доктайпе? Буду благодарен помощи, спасибо

Link to comment
Share on other sites

12 answers to this question

Recommended Posts

  • 0

Смотри, доделай по этой аналогии http://psywalker.ru/Forum/shadow/Untitled-1.html

Только распусти главный контейнер,ширину сделай 100%, раскидай углы позиционированными блоками, а фон, который должен идти с двух сторон по середине, сделай Левым фоном, и правым дивом, который позиционированный будет тянуться сверху вниз.

Link to comment
Share on other sites

  • 0
Смотри, доделай по этой аналогии http://psywalker.ru/Forum/shadow/Untitled-1.html

Только распусти главный контейнер,ширину сделай 100%, раскидай углы позиционированными блоками, а фон, который должен идти с двух сторон по середине, сделай Левым фоном, и правым дивом, который позиционированный будет тянуться сверху вниз.

Ничего не понял ;) там же две кратинки, если взять к примеру правый края, картинка с завитушками сверху и с низу блока и тянучка центрального фона по высоте

Link to comment
Share on other sites

  • 0
Если есть желающие, помочь за деньги?

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

Link to comment
Share on other sites

  • 0
Да погоди ты со своими деньгами, себе оставь. Выдели мне области на картинке, которые доллжны тянутся, а которые должны быть фиксированные и где должны распологаться

вот psd с разметкой: http://depositfiles.com/files/iiixlls3j

Центр, белый фон, это сайт фиксировано 800 пикселей, там таблично все сверстано, по бокам фон с завитушками - две картинки одна сверху другая снизу и тянучка по вертикали центрального фона, сайт выравниваться по центру должен.

Спасибо за помощь, думаю получится ;)

Edited by okunev2
Link to comment
Share on other sites

  • 0

1) Псд одним слоем, это хреново.

2) Полагаю, что придётся делать белый фон по середине 800пк., а уже по бокам вырезать эти завитушки, левую часть длинную на всю высоту, и такую же правую, а фон уже основной сделать фиолетовый. И кстати даже не знаю, будет ли нормально всё и красиво тянутся, так как фон может некрасиво совпасть с рисунками, так что хорошоб пнг были, а не один слой.

Link to comment
Share on other sites

  • 0
1) Псд одним слоем, это хреново.

2) Полагаю, что придётся делать белый фон по середине 800пк., а уже по бокам вырезать эти завитушки, левую часть длинную на всю высоту, и такую же правую, а фон уже основной сделать фиолетовый. И кстати даже не знаю, будет ли нормально всё и красиво тянутся, так как фон может некрасиво совпасть с рисунками, так что хорошоб пнг были, а не один слой.

т.е. если все будет в слоях, то как пнг потянуть, кажется центр будет и верхний и нижний рисунок не совпадать

Link to comment
Share on other sites

  • 0
т.е. если все будет в слоях, то как пнг потянуть, кажется центр будет и верхний и нижний рисунок не совпадать

Вот и я полагаю, что будут траблы с несовпадением.

Link to comment
Share on other sites

  • 0
Я думаю только выход тянуть цетр по всей высоте, а эти рисунки с завитушками вообще убрать

Если так возможно сделать, то конеш сделай и проверь, как будет смотреттся

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy