[lodas]

Здравствуйте уважаемые форумчане. Решил помаленьку изучать верстку и столкнулся с такой проблемой: Я привык работать с фиксированным макетом, вырезал картинку в фотошопе(например фон, пункт меню и т.д) и вставил ее с оригинальными размерами на сайт. А если дизайн резиновый, как быть с определением размеров элементов веб-страницы? Я имею в виду не основных резиновых блоков, а вложенных в них(кнопки, формы, узоры, поля Edit, меню, ссылки, текст). Как мне высчитать их размер в процентах? И как вообще нужно правильно поступать в таких случаях?

[UDAV]

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

[lodas]

Ну к примеру. Имеется такой сайт(см. вложение). Макет по сути фиксированный, но хочется сделать такой же- резиновый. И тут у меня возникает вопросы:
1) На шапке текст "Тридевять земель" является ссылкой. Как ее сделать ее резиновой для различных разрешений монитора?
2)Опускаемся чуть ниже и видим горизонтальное меню. Само меню делаем width:100%. А как поступить с боковыми закруглителями и разделителями, какие размеры им задать? Хочется чтобы все тянулось- макет то резиновый))
3) Боковое меню. Как подобрать размеры фона меню, текста и разделителей в процетах?

//-------------------------
вся проблема в том, чтобы научиться подбирать процентные размеры элементов веб страницы, если блок в который они вложены является резиновым))

[lodas]

Ау! Есть ли здесь профессионалы которые разбираются в этом вопросе?))

[Ni_Splinter]

http://htmlbook.ru/samlayout/tipovye-makety
https://www.google.ru/search?q=%D0%B...w=1416&bih=679
Макет с пропорциональным маштабированием изображений, шрифтов и т.д. называется "эластичный", резиновый - это макет с изменяющейся шириной колонок.
Эластичные дизайны делают крайне редко, Вы определитесь, что именно собираетесь верстать, какие элементы и как меняются, вопрос отпадет скорее всего сам собой.

[lodas]

В данном случае я хочу сверстать двухколоночный резиновый макет(см вложение). Как мне проставить размеры картинок меню и разделителей в процентах? если быть точнее не могу уловить суть, вот вырежу я картинку фиксированного размера. Хочу чтобы она тянулась и шрифт тянулся, а как оптимальный размер в процентах им подобрать- вот что я не могу!

[badimalex]

Сообщение от lodas

В данном случае я хочу сверстать двухколоночный резиновый макет(см вложение). Как мне проставить размеры картинок меню и разделителей в процентах? если быть точнее не могу уловить суть, вот вырежу я картинку фиксированного размера. Хочу чтобы она тянулась и шрифт тянулся, а как оптимальный размер в процентах им подобрать- вот что я не могу!

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

[lodas]

Я не собираюсь его выкладывать в интернет. Просто хочу научиться верстать резину)) Так же я подумал о ограничителе ширины width-max. Но суть не в этом, подскажите мне хоть кто нибудь: возьмем например горизонтальное меню с разделителями. Если сайт резина какой размер задается боковым закруглителям и блокам <li>, хочется чтобы они тянулись пропорционально..

Добавлено через 2 минуты

Мне важно понять в psd макете все размеры фиксированы: и шапка, и меню и т.д Когда я захочу делать резину как мне переводить фиксированные размеры той же шапки, меню и контента в резиновые т.е %ные)))))

[UDAV]

1. Шапка. Задаешь слой с шапкой-боксом. Ширина 100%, высота 248px с фоновым оранжевым цветом и position: relative.
в этом боксе будет еще три слоя: девушка с деревьями бусами(или хз что это), фотки со звездой и третий слой это надпись, все эти слои позиционируешь как надо и задаешь им position: absolute;.
Надпись и все картинки оставляешь в таком размере как на макете, не надо их тянуть или еще что-то делать, только спозиционировать.

2. Навигация. Скругление углов делается на css3 очень легко у любого элемента. Это будет слой-бокс, в котором будут пункты навигации и поиск.
Если на css3 не хочется делать, то можно сделать табличку из трех колонок, в крайних будет рисунок с закругленными углами, по центру навигация и поиск.

3. Боковая навигация. Оставляй ее таким размером как на макете, не надо ее тянуть, будет ужасно. Делай фиксированным размером.

4. Контент. Блок со всем контентом тянешь на всю ширину.

Для более легкого способа можно весь сайт заключить в таблицу, это позволит на начальном этапе много проблем избежать со слоями.

[lodas]

Спасибо Udav- то что мне и было нужно)) Единственное что я не понял- это второй пункт, скругление углов. Ты предлагаешь вырезать фон весь фон с закругленными углами сразу или вырезать скругленные углы отдельно и наложить их сверху на фон меню? Если вырезать их отдельно какие размеры им задать? Фотки со звездой и девушкой в шапке оставлять фиксированный размер как и на макете?))