Приветствую :beer:!

<!-- Вступление про чайника опущено. Вкратце: ничего не умею, но хочу научиться:) -->

Мне очень хочется сделать меню на своём сайте, примерно в таком виде:

[IMG]http://paraplan.ru/forum/files/4898/638475399.gif[/IMG]

Здесь элементы 2-9 -- это рамка, 1 -- это собственно меню. Как делаются таблицы в ХТМЛ - разобрался. Меню у меня будет примерно 20% ширины броузера слева, то есть точный его размер в пикселях я не знаю. Ну допустим ширину рамки я выберу произвольно - пусть будет 30 пикселей. Тогда уголки рамки я нарисовать и разместить в таблице сумею (элементы 6-9), но что делать с границами (2-5)? Может быть можно нарисовать рисунок шириной один пиксель (и высотой 30) и им замостить по горизонтали зоны 4-5? Если да, то как? Если нет, то как это делается по-другому? Аналогично зоны 2-3, только замостить их нужно по вертикали. Вот на этом сайте есть отрисованные разделительные полосы (navbar.gif, например), но сколько я в код не втыкал - не понял как оно сделано, чтоб им замостилась требуемая ширина:(

Еще один вопрос. Уголки моей рамки - рисунки 6-9 - на самом деле один и тот же самый рисунок, только повернутый на n*90 градусов (или отражен сверху-вниз, слева-направо....). Можно ли при отрисовке обойтись одним изображением, а чтоб в нужных местах его повернул (отразил) сам броузер?

Далее, зона 1 - собственно меню - у меня должна содержать изображение (фотографию), на фоне которой должны идти ссылки. Если ссылок много, то зону 1 можно замостить этой фотографией сверху вниз (а не квадратиками). Тут я вообще не знаю как сделать. Фоном таблицы (background) делать нельзя - я не знаю какой точно размер у меня будет иметь меню, а stretch (растягивание), как я понял, не поддерживается для background. Вроде бы где-то в хелпе мне попадалось, что можно сделать через z-буфер (внутри таблицы <img> растягивается на 100%, а в верхнем слое ссылки), но что-то мне подсказывает, что это не так делается. А как?

Помогите, люди добрые :sarcastic: Когда научусь - обещаю, что тоже буду нянчиться с чайниками:hihi: