Программа для работы с дизайном

[Shkif]

Здравствуйте.

Создал резиновый каркас сайта, сделал в фотошопе дизаин, шапка, подвал, и три колонки. Разрезал все это дело и возникла проблемка.

При разрешении экрана 1024х768 картинки вылезают за блоки. Соответственно если делать изображения под это разрешение то при увеличенном разрешении будут белые поля у блоков.

Вобщем нужно чтобы картинки играли под разрешение. Есть ли программа в которой можноэто сделать? или может в самом коде нужно что-то добавить?

Надеюсь посоветуете что нибудь. Я всего лишь начинающий

Спасибо всем за ответы!

[Анна]

Здравствуйте.

Создал резиновый каркас сайта, сделал в фотошопе дизаин, шапка, подвал, и три колонки. Разрезал все это дело и возникла проблемка.

При разрешении экрана 1024х768 картинки вылезают за блоки. Соответственно если делать изображения под это разрешение то при увеличенном разрешении будут белые поля у блоков.

Вобщем нужно чтобы картинки играли под разрешение. Есть ли программа в которой можноэто сделать? или может в самом коде нужно что-то добавить?

Надеюсь посоветуете что нибудь. Я всего лишь начинающий

Спасибо всем за ответы!

В сущности одной из задач макетчика как раз и является решение этих проблем, если бы была такая программа, то и макетчики были бы не нужны. Для подгона изображения к каждому определённому разрешению экрана применяют JavaScript в резиновой верстке. Посмотрите здесь про адаптивную разметку. Можно поэкспериментировать с медиа-функциями.

Можно применить следующий способ: задаёте центральному блоку min-width и max-width, в шапке картинку центрируете и фону даёте подходящий цвет ассоциирующий с сайтом и шапкой, он и будет расширяться, оставляя картинку в центре. Или подбираете соответствующую картинку в качестве фона и даёте ей background-repeatона будет повторяться при расширении экрана, в примере по ссылке видно, как сделан градиент под текстом.

Кстати вот похожая тема может вам поможет

Edited September 24, 2011 by AnnaP