Размещаем блоки под вертикальным меню.

Предположим вы сделали шаблон сайта с вертикальным основным меню (или с подменю страницы). Выглядит примерно так. Ниже этого меню остается пустое пространство, которое средства программы WebsiteX5 не позволяют никак использовать, а вам хотелось бы расположить там рекламные баннеры, поле поиска или другие элементы (как часто и делают на различных сайтах). Попробуем это осуществить. Например нам надо на главной странице разместить  баннер. На странице проекта WebsiteX5 делаем столбец нужной ширины (не уже ширины баннера), ниже основного контента в этот столбец вставляем объект "HTML и виджеты" и в этот объект помещаем HTML код нашего баннера. В параметрах объекта задаем высоту 0 и снимаем галочку  в поле "отображать полосы".  Нажимаем "Предпросмотр" и видим, что сейчас наш баннер расположен под основным контентом страницы. Ищем в исходном коде этот блок и смотрим, какой id ему присвоен, в моем примере - это блок с id=imCell_3.  Закрываем предпросмотр, а на вкладке "Эксперт"  объекта с баннером  пишем небольшой CSS-код , задающий местоположение.

#imCell_3 {

position:absolute;
left:-130px;
top:300px}

Параметрами  left:-130px; top:300px  можно регулировать положение баннера по горизонтали и вертикали соответственно. Расстояние в px определяет положение баннера относительно верхнего левого угла контента страницы. Не забываем привязать к проекту файлы с картинками баннера. Снова открываем "Предпросмотр" и видим что наш баннер уже расположен там, где мы и хотели, т.е. ниже вертикального меню, а под основным контентом, где он был раньше,  пустого пространства не осталось. О том, как разместить на всех страницах сайта один и тот же баннер (или любой другой объект, описанный кодом html,css,php) я расскажу во второй части статьи.