Centering footer
With CSS you would insert a "class" in the html (or sometimes an "id") and place instructions to style it in the css style sheet. Looking at your html I see you have made some classes in the footer tags but have no corresponding markup in the css where you would use "text-align."
.footer {
text-align: center;
}
In addition I see some more general issues I would look at in trying to change to css. First, in dealing with the footer itself, you have made separate classes for each of the three lines (links, etc.). That multiplies the work. Better to enclose the whole in a "div" with one class, like "footer" and style it as in the above markup.
More important, however, is that if you want to go with css, and I suggest it is the only way to go, you need to drop the whole table construction. You lose most of what you gain with css by trying to use css to style table content. Tables should be used only for tabular data when you have a need for that.
With css, you can place each paragraph, each div, or whatever just where you want it and style it as you wish. If everything is in a a table cell you have lots of problems to deal with.
Again, try reading through the html and css instructions at w3schools.com. I think you will find it helps a lot.
|