Как создать РЕЗИНОВЫЙ ШАБЛОН для ДЛЕ

[istin 0]

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

[ShapeShifter 13]

Можно конечно в <img> задать width=50%, но тогда качество картинки будет хуже.

Используя фон

Пример на шапке сайта:

Сделать картинку слева и справа, а по центру фон (этот фон задать в таблице с шириной 100%) или картинка по центру, а фон будет по бокам.

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

Я, как правило, сайт и картинки делаю так, чтобы при разрешение 1024 всё нормально смотрелось.

Через CSS

Подобное сделал на своём сайте.

Например:

<table width=20% height=30 border=0>

<tr><td align=left width=100 height=30>

<img scr="">

</td>

<td class="pic1" align=right>

 

</td>

</tr>

</table>

Надо ещё расчитать какая ширина будет для картинки в теге <img>.

Например при разрешении 1024х768 размер 20% = 200px, значит ширина картинки в теге будет 200px и если ширина эркана будет больше, то тут уже появится картинка которая прописана в стиле (в классе pic1), посколько не задана ширина этой картинки, то при разрешении 1024х768 она не появится, если разрешение больше, то она начнёт появлятся.

[istin 0]

Спасибо хороший совет обезательно буду использовать. У кого ещё какие есть приёмы?

[Gefeston 0]

вот настольное пособие

xhtml.ru

[istin 0]

вот настольное пособие

xhtml.ru

А по конктретнее сайт большой, я чё то найти не могу ни чего по теме, очень много и все разбросано, может по конкретнее укажесь свои способы?

[DrDiba 0]

а уйти от табличной вёрстки не пробовали?

все проще и легче получается.

[istin 0]

сложный дизайн так тяжело сделать.

[gektor66 0]

а уйти от табличной вёрстки не пробовали?

все проще и легче получается.

Можно поподробнее?

[lifestar 18]

http://www.yandex.ru/yandsearch?yasoft=bar...%B8%D0%BA%20css

[gektor66 0]

у меня шапка вообще одной картинкой грузится...

<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">

<tr>

<td colspan="3"><table width="100%" border="0" cellpadding="0" cellspacing="0">

<tr>

<div align="center"><td height="200" background="{THEME}/images/logo.jpg">&nbsp;</div></td>

</tr>

</table>

подскажите кто-нибудь, что здесь надо изменить, чтобы для всех разрешений экрана прокатывало... Manual`ы конечно можно почитать а если погуглить, то и html и Php выучить, но срочно нужно... а я не понимать

[SelaX 0]

Я, например раньше это делал табличной версткой, CSS сложно объяснить

Кароче рисуем таблицу на 100% или на 800пикселов (вроде и по вкусу), дальше рисуем столбцы и пошло поехало...