вообще можешь мне уже объяснять я там сама буду с размерами играться чтобы тебя не дёргать
/* A5 Basic page layout and borders
-------------------------------------------------------------*//* A5.1 */
#pun {
margin: auto;
width : 1000px;
}/* A5.2 */
.punbb {
margin: 20px auto auto auto;
width: 910px;
height: auto;
}
Свой стиль. Первое окно. Выделенное красным - это ширина форума. Его значение должно численно совпадать с шириной фонового изображения.
Затем, пусть Х - ширина узора по бокам форума.
Тогда ширина форумной таблицы равна 1000 - 2Х. Получается синее значение.
Подчёркнутое число - отступ сверху, если вдруг узор станет заезжать "под экран" (часть перестанет быть видна).
Затем, в любое место второго окна стиля:
#pun {background: url(http://s61.radikal.ru/i171/0912/28/431f5e71dbbd.png) #7e686d;}
Наконец в ХТМЛ-верх:
<div style="width: 100%; position: relative; top: -30px; left: -40px;">
<img src="http://i023.radikal.ru/0912/8e/b1af2adec514.png"/>
</div>
И в ХТМЛ-низ:
<div style="width: 100%; position: relative; bottom: -30px; left: -50px;">
<img src="http://i026.radikal.ru/0912/e3/6f7b8d9a640d.png"/>
</div>
Подчёркнутые значения - это координаты на экране двух нижних изображений относительно соседних элементов. Знак минус говорит о наложении.
Отредактировано rps (Сб, 26 Дек 2009 04:28:26)