оформление сайта

S
На сайте с 21.12.2008
Offline
75
595

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

У меня два вопроса относительно оформления сайта, делающегося с помощью программы Dreamweaver:

1) допустим шапка моего сайта состоит из 2-х колоночной и 1 строчной таблицы. В одной из колонок этой таблицы будет картинка с заданной шириной. На картинке изображен берег омывающийся морем, которое безгранично уходит вдаль. А вторая колонка по замыслу должна быть растягивающейся, но при этом еще и являться продолжением моря из первой картинки т.к. сайт резиновый (растягивается по ширине экрана). Т.е. шапка полностью должна будет выглядеть как берег, омывающийся морем, которое еще и растягивается по ширине экрана. Конечно можно залить вторую (растягивающуюся) колонку фоном в цвет моря и она будет растягиваться этим цветом, но тут проблема в том, что море-то не гладкое, а имеет шероховатости, морскую рябь с маленькими отблесками, в общем оно не ровное. Поэтому этот вариант отпадает. Суть вопроса в том, что как создать в растягивающейся колонке такую картинку или фон, которые растягивались бы вместе с ней. Можно конечно сделать шапку в цвет фона всего сайта, но это не приемлемый в моем случае вариант.

2) мой сайт построен на основе трехколоночного дизайна. Каждая колонка имеет свое содержимое, которое хотелось бы с помощью тонких (один-два пикселя) допустим черных линий отделять друг от друга. Т.е. отделять друг от друга различные блоки страницы сайта. Вычитал что можно прописать теги, которыми можно выделить допустим правую или левую часть таблицы (остальные границы прозрачные), но у меня что-то не получилось. Был бы очень признателен если бы вы подсказали какие есть варианты проведения тонких линий для отделения блоков страницы сайта друг от друга и как это можно сделать. Ради наглядности прикладываю картинки с примерами.

Заранее благодарю за помощь!

jpg 32032.jpg
kimberlit
На сайте с 13.03.2007
Offline
370
#1

1.

подобрать фон, который повторяется незаметно ...

2.

border-left:1px solid #000000;

border-right:1px solid #000000;

border-top:1px solid #000000;

border-bottom:1px solid #000000;

Alexale
На сайте с 12.01.2009
Offline
46
#2

Картинку которая должна быть фиксирована, и которую нужно растянуть выложите? =)

S
На сайте с 21.12.2008
Offline
75
#3

Выкладываю картинку фиксированную, а растягивать нужно это море...

jpg 4.jpg
Ткач
На сайте с 29.04.2007
Offline
95
#4
Разработка и создание сайтов. Красиво, функционально, недорого. (http://time-online.ru/) ICQ 388-474-890)
Alexale
На сайте с 12.01.2009
Offline
46
#5

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

Какой длинны она по ширине может быть максимальной?

S
На сайте с 21.12.2008
Offline
75
#6
Alexale:
А зачем вам растягивать? Может просто дорисовать её, чтобы она была длинная, да и пусть прячется за край экрана.
Какой длинны она по ширине может быть максимальной?

ширину тогда делать как можно больше...чтобы на большом экране нормально смотрелось. Чем больше тем лучше...

Alexale
На сайте с 12.01.2009
Offline
46
#7
staswebmaster:
ширину тогда делать как можно больше...чтобы на большом экране нормально смотрелось. Чем больше тем лучше...

А можно ещё проще, это сделать к основной картинке текстуру, которая будет тайлится по горизонтали, типа того:

Ну в общем тут форум переносит картинку, в превьюхе поста нормально. Попробуйте короче. :)

S
На сайте с 21.12.2008
Offline
75
#8
Alexale:
А можно ещё проще, это сделать к основной картинке текстуру, которая будет тайлится по горизонтали, типа того:


Ну в общем тут форум переносит картинку, в превьюхе поста нормально. Попробуйте короче. :)

спасибо большое за совет:)

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий