these logos will be different from each other and I want them to be on the center and under that copyright text. You’re right about #footer but I copied that from somewhere, so I need to give them new names.
Then don’t float the images and just put text-align center on the #footer and the images will center (as long as they are still display:inline) and so will the text.
There is no need to use 2 ids to identify an item as ids are unique and it makes no sense to have such a long path because once you start you have to keep doing it or run into specificity issues.
How do I position footer bg fixed
You’ll have to explain that a bit for me as I’m not sure whether you are talking about fixed positioning or something else.
I think you are talking about a sticky footer but it may be a step too far for you at the moment as there is a lot to take in and a lot to get wrong. Read the link above which explains how to implement it but you have to be careful with all the details and the footer needs to be a fixed height which is the main drawback of the method.
What’s wrong with footer logos? Why they’re still not in the center? I belive copyright text is in the middle, so it looks messed up with logos floated to left.
CSS Validator gives error both in 2.1 and 3rd versions. When I take them off, everything seems to be fine, except I dont get any borders.
Vendor prefixes are not valid css and won’t validate because the validator know nothing about them. Vendor prefixes are anything that starts with -moz, -webkit, -0, -ms etc. They are experimental styles until they are adopted as a proper spec. e.g border-radius.
Therefore they won’t validate and you have to be careful in your choice as some vendor extensions are widely experimental and not supported n the same way cross browser. Most of the common ones are pretty safe though such as the aforementioned border-radus bit make sure the final rule is the real css property.
The IE behaviour rule is IE only and won’t validate. Unlike the vendor prefix it does not follow the correct structure for experimental properties and won’t be adopted by other browsers. However, it’s been around for a while and will do no harm.
CSS Validator gives error both in 2.1 and 3rd versions. When I take them off, everything seems to be fine, except I dont get any borders.
Vendor prefixes are not valid css and won’t validate because the validator know nothing about them. Vendor prefixes are anything that starts with -moz, -webkit, -0, -ms etc. They are experimental styles until they are adopted as a proper spec. e.g border-radius.
Therefore they won’t validate and you have to be careful in your choice as some vendor extensions are widely experimental and not supported n the same way cross browser. Most of the common ones are pretty safe though such as the aforementioned border-radus bit make sure the final rule is the real css property.
The IE behaviour rule is IE only and won’t validate. Unlike the vendor prefix it does not follow the correct structure for experimental properties and won’t be adopted by other browsers. However, it’s been around for a while and will do no harm.
They are few pixels out because you have 30px margin on the left and 20px margin on the right. If you made the margin 25px on the left and right they would be exactly centred.
Not many people do these days as it means nothing to those that know about these things and it also means nothing to those that don’t. It only means something to those that half know about it
Validation is a means to an end and not some badge that you wear.
Thank you very much for your help! Appreciate your patience and prompt solutions master. I have also tried to use CSS sprite for menu items. However, I don’t know if its appropriate to use sprite for non-fixed items as well. What do you think?