Архив форумов ЦИТФорума

[Makcik]

Здравствуйте, подскажите пожалуйста, как сделать страничку чтобы она одинаково отображалась на мониторах с любым разрешением?
вообще надо сделать под 800х600

[Гость]

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

[fLamer]

Всё зависит от конкретного дизайна. Но обычно берётся таблица как основа страницы с width=100% и хотя бы один столбец оставляется резиновым (не задавая ширины). Ширину остальных можно задавать жёстко. По вертикали тоже самое. Можно посмотреть как у меня сделано http://home.tula.net/sslava/
порастягивай окно браузера.
Это самое простое решение, но не единственное. Можно Накидать блоки <div> </div> используя свойство стиля float они будут сами выстраиваться взависимости от размеров окна браузера. Под этот вариант желательно свой дизайн выдумывать чтобы выглядело красиво.

[Makcik]

Спасибо, а как быть если первоначальный рисунок для резки имеет размеры 953х752, если ее уменьшать до 800х600, то при разрешении 800х600 все таки имеется горизонтальная полоса, а при 1024-768 всё мелко?

[fLamer]

Можно размеры изображения задавать в процентах от размеров родительского элемента (окна браузера или ячейки таблицы). Если я правильно понял, то тебе это поможет
<img src="img.gif" width=10%>
браузер будет масштабировать рисунки автоматически.

[Makcik]

10% или 100% ?
Насколько я уже помудрил, по моему получается так:
та картинка, которая мне была предоставлена, имеет графические элементы + текст, но это все СКРИНШОТ!!! а мне предлагалось сделать все это под 800х600, таким образом поразмыслив, я не добился желаемого результата, даже порезав картинку!!??, пришел к выводу, что мне нужны первоначальные элементы графики т.к. на скриншоте текста НЕТ!! а сжиматься может только текст! (это только мое предположение...).
П.С. задача стояла так: мне предложили скриншот и хотели чтобы я сделал "резиновую" страницу (это была их проверка меня) с ссылками.

[Scaramouch]

Сжиматься может не только текст, но и однотонные области например
_________________
Ноги - это две лишние руки.

[Гость]

пардон, не так поставил вопрос, там есть картинка (допустим фото) а на нее положен текст с помощью хтмл, а все вместе образует слитную картинку (у меня скриншот) так вот порезав его я не могу добиться сжатия картинки+текст.