Вертикальные линии в div верстке

Аватар пользователя Root
Не в сети
Последнее посещение: 14 недель 5 дней назад
Зарегистрирован: 2014-05-19
Сообщения:
Баллы: 0.06

Есть у меня трехколоночный шаблон, который меня всем устраивает, кроме одного - нет вертикальных разделителей между колонками. Сайдбары и блок с контентом ничем не разделены, кроме бордюра самого блока контента. На страницах, где текста и картинок всего ничего, блок контента получается совсем короткий по высоте, и все что имеется в сайдбарах ниже блока контента, как бы висит в пустоте - рубрики, последние публикации и комментарии, и блоки с тизерной рекламой. В плане юзабилити это не есть хорошо, и я решил разделить все вертикальными линиями во всю высоту страницы. Попытался вставить таблицы со 100% высотой и шириной в 2-3 px. Не отображается эта таблица, куда бы я ее не вставлял. По-видимому, верстка на дивах не предусматривает таких "фокусов". Ну, так как же мне сделать вертикальную линию высотой во всю страницу?

Аватар пользователя Mrakov
Не в сети
Последнее посещение: 3 года 50 недель назад
Зарегистрирован: 2014-05-29
Сообщения:
Задайте боковые линии

Задайте боковые линии колонкам через css при помощи свойств border-left и border-right. Можно при это будет задать толщину линий, сделать ее пунктирной, точками, двойную линию.

Если задать просто свойством border, то линия обведет весь блок. А используя border-radius: от 0 до 20 px, можно задать округлые края рамке.

Ну, а в крайнем случае, можно просто сделать разделительную черту через картинку.

Аватар пользователя dollyleony32
Не в сети
Последнее посещение: 19 недель 1 день назад
Зарегистрирован: 2014-04-18
Сообщения:
Баллы: 120.13
Все в теге border. Он самый
Все в теге border. Он самый главный в это плане. С помощью него можно и длину линии обозначить и расположение (вертикальное, горизонтальное, по центру, слева, справа). Мне проще объяснить на примере html. Но и в CSS тоже есть border. Посмотрите какое обозначение стоит у вас рядом с ним. Если вообще стоит. Smile
Аватар пользователя denvems
Не в сети
Последнее посещение: 3 года 45 недель назад
Зарегистрирован: 2014-07-08
Сообщения:
Можете пожалуйста прикрепить

Можете пожалуйста прикрепить скриншот ?

С border'oм могут возникнуть проблемы, впрочем, зависит от вёрстки.

Если например общяя ширина 1000px, ширина сайдбара 300px, а ширина контента 700px, то если задать контенту через css рамку справа, размером в 2px, сайдбар перенесётся на новую строку, потому что общяя ширина будет не 1000px, а 1002px.

Реклама


| Почему выгодно использовать рекламу в Интернете | Развитие имиджа - распространение качественного автопостинга | Циркониевые коронки в Москве | Создание и продвижение сайтов | Эффективная печать и сканирование | Агентство интернет-маркетинга в Москве | Умное продвижение сайтов в ТОП! | Самые перспективные языки программирования: тройка лучших | Предоставление аренды VPS | Интернет-магазин товаров для животных Zoomark | Конструктор сайтов: хочу все знать | Услуги по продвижению сайтов | Как согласовать вывеску на фасаде магазина? | Полноценный сайт или лендинг пейдж | Покраска мебели в Москве | Колеса для тележек бортового питания | Поделки из проволоки своими руками | Лучшее турагентство в Киеве предлагает вам свои услуги | Как увеличить продажи установив виджет отзывов о компании | Покраска МДФ в Москве | Несколько альтернативных способов бросить свадебный букет в толпу незамужних подруг