960gs et fonds pour les marges

Question

Je développe un site en utilisant 960gs et je rencontre quelques problèmes. Je souhaite afficher une petite bordure (biseautée) entre mes colonnes. Une solution (que j'utilise actuellement) consiste à donner une image de fond au conteneur principal, mais cela signifie que je dois créer manuellement des images pour 2, 3 ou plusieurs colonnes. Je préférerais donner un arrière-plan aux colonnes elles-mêmes, mais cela signifierait que je dois me débarrasser de la marge. Quelle serait l'approche la plus soignée pour résoudre ce problème ?

Merci, J.

Answer 1

Allez sur le site 960.gs et cliquez sur generate css. Vous pouvez alors modifier la largeur des colonnes et les rendre un peu plus petites pour tenir compte de la largeur du biseau des deux côtés.

Answer 2

Oui, évitez d'utiliser des images dans la mesure du possible, en particulier pour ce genre de choses. Si par exemple, vous avez 3 colonnes, 300px chacune, 30px de marge entre elles :

column 1 - 300px wide

---

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

---

column 3 - 300px wide

Il suffit de modifier légèrement les règles et de donner à la colonne centrale les bordures, par exemple

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

En réduisant la marge de 1 px, vous faites de la place pour l'espace occupé par les bordures.