Работа с правым функциональным блоком

голоса: 0
Здравствуйте! Возможно ли как-то удалить правый функциональный блок?
Адрес сайта http://milites-regii.ucoz.com/
| Автор: | Категория: Дизайн сайта

Ответов: 1

голоса: 0
 
Лучший ответ

Если на будущее вы планируете возможное использование правого контейнера, то его можно сейчас просто скрыть через стили.

В стилях найдите строку номер 94:

#sidebar {display: none;padding:160px 0 0;width:250px;float:right;}

добавить выделенное красным - Сохранить. После перейти на главную страницу сайта и обновить ее.

| Автор:
Выбор ответа лучшим | | Автор: Анастасия Садикова
Добавлю сюда, чтобы не повторять вопрос. Если я с новым диизайном проделала то же самое, но пустое место сбоку осталось, возможно ли как-то выровнять зону для текста, чтобы она перешла на место бывшего правого блока, как это было с другим дизайном?
Анастасия Садикова,

1. в данном новом дизайне перейти в таблицу стилей, найти строку номер 73:

#content {width: 949px;border:1px solid #dfdfdc;border-top:none;background:#fff;padding:15px;-webkit-border-bottom-right-radius:7px;-webkit-border-bottom-left-radius:7px;-moz-border-radius-bottomright:7px;-moz-border-radius-bottomleft:7px;border-bottom-right-radius:7px;border-bottom-left-radius:7px;}

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

2. Далее перейдем в стили строка номер 58:

#nav-box {width: 949px;border:1px solid #dfdfdc;border-bottom:none;background:#ececec;padding:15px;-webkit-border-top-left-radius:7px;-webkit-border-top-right-radius:7px;-moz-border-radius-topleft:7px;-moz-border-radius-topright:7px;border-top-left-radius:7px;border-top-right-radius:7px;}

добавить выделенное, так мы выровняем меню над контентов на всю длину,  чтобы все смотрелось ровно как положено.

Yuri_Geruk,
Спасибо! ВСе получилось. А возможно как-то текст на это место сдвинуть, чтобы не было пустого пространства? И как можно слева текстовую зону подвинуть в правую сторону? Чтобы слева чуть больше места было свободного. Спасибо ещё раз заранее!
Анастасия Садикова,

1. В стилях найти строку номер 302:

.eBlock {width:718px;} 718 заменить на 100%

2. Сдвиг можно убрать в стилях строка номер 123:

.eBlock {margin:0 -15px 10px!important;padding:15px 15px 25px;border-spacing:0;position:relative;border-bottom:1px dashed #dfdfdc;}

удалить выделенное и сохранить изменения.

...