960gs и backgrounds for margin

Question

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

Спасибо, J.

Answer 1

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

Answer 2

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

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, вы делаете s темп для пространства, которое сейчас занято границами