960gs и фоны для полей

Question

Я занимаюсь разработкой сайта с использованием 960gs, и у меня возникают некоторые проблемы.Я хочу отобразить небольшую (скошенную) границу между столбцами.Один из способов (который я сейчас использую) - дать основному контейнеру фоновое изображение, но это означает, что мне нужно вручную создавать изображения для 2, 3 или более столбцов.Я скорее установил фон для самих столбцов, но это означало бы, что я должен избавиться от поля.Каков был бы самый подходящий подход к этому?

Спасибо, Дж.

Answer 1

Да, по возможности избегайте использования изображений, особенно для таких вещей. Если, например, у вас есть 3 столбца, по 300 пикселей в каждом, между ними должно быть 30 пикселей:

column 1 - 300px wide

---

column 2 - 300px wide, margin:0 30px (left and right = 30)

---

column 3 - 300px wide

Просто немного измените правила и дайте этому центральному столбцу границы, например

column2 {border-left:1px dashed #ccc; border-right:1px dashed #ccc; margin:0 29px;}

Уменьшая поле на 1 px, вы освобождаете пространство для пространства, занимаемого границами

Answer 2

Перейдите на сайт 960.gs и нажмите «Создать CSS».затем вы можете отредактировать ширину столбца и сделать столбцы немного меньше, чтобы вместить ширину скоса с обеих сторон