Originally Posted by
prijke
It gives default margins to all articles, but NOT to modules like mod_newsreader and so on (as far as I can predict).
Correct -- if you want to apply a left and right margin of 10px to ALL modules, then you need to include them in the definition as well, for example:
Code:
.mod_article, .mod_newsreader, .mod_newslist, (etc.) {
margin: 0 10px;
}
Again, I wouldn't use the '>' because I think it is confusing you. The way you are currently using it, you are saying "Apply the following styles to any element that has a class of "block" and IS A DIRECT DESCENDANT of any element that has a class of ".mod_article". Since not all elements inside of ".mod_article" have a class of "block" it won't work as you want.
What I'm suggesting is, if you apply the margin directly to ".mod_article" instead of trying to apply a margin individually to everything inside it, it will be much simpler for you.
Better still -- if you want to apply a default margin to ALL MODULES (which is what you seem to be asking), just apply a margin or padding to the container of all of these modules, and it will be much easier.
For example, if you have 5 different kinds of modules inside your left column, just do the following:
Code:
#left .inside {
padding: 0 10px;
}
So everything inside the left column will be indented 10px from either side -- which achieves the same thing and is much simpler than trying to do this individually to each module.
Regarding the grid -- I misunderstood your original post. I thought you used G6 for your left column and G12 for your main column -- I understand now having read it again.
Bookmarks