On Sunday 02 April 2006 13:14, Bruce Whealton wrote:
Ok, maybe I do need a bit of a brushup or more knowledge on css. If I wanted to have all images not have borders, what setting is that in the css? I'm seeing now on a page displaying an image the background is black around the image except for a white border that would only be visible on the right against the black background.
img { border: 0px; }
Also, if I was to change that image's style class, is class = "image preview" equal to .image .preview in the css style sheet or is it -> .image preview How does css handle spaces in this case? This was good in that it was precise and not just a change of every background color everywhere. If .node .content was used in every theme and the same way that would be great. Thanks, Bruce
class="image preview" means that the element is of class "image", and also of class "preview", independently of each other.
Anything of class image, regardless of other classes: .image { ... }
Anything of class preview, regardless of other classes: .preview { ... }
Anything that has BOTH class preview AND class image: .image.preview { ... }
This is not what you want, because it means anything of class preview that is nested inside something else of class image: .image .preview { ... } (notice the space between e and .)