I have tried putting .Checkout_table infront of every element, but when I preview in Firebug, still half the styling is not even there. I know it it being overwritten somewhere, and I am trying to keep the code lean and efficient as possible, however it has elements that I cannot get to settle.
This is the same, on the server and locally. I am pulling my hair out with this, and I need to get all the styling before I can transfer the html into the eccomerce store I am building it for.
On a separate, note. I have the home page, I am trying to validate, but it will not because it has this table on the front of it.
I am new to this part of CSS ( Specificity ). I have designed a table which which is going to be the layout of a checkout page.
Well, it sounds like your problem isn’t specificity, but morelikely just a boo-boo with some code. But this is the funniest tutorial I’ve seen, and it just happens to be on specificity. http://www.stuffandnonsense.co.uk/archi … _wars.html
This is the table, in its built format has been lifted from the eccomerce section, and I have made the extra section for the delete button stand out. (on the far right), but aside from that, everything should line up just fine.
But I am having css issues. The font size is being lost, as is some padding…..well, its clear what the differences are just looking at them, but I am fried. Well, my brain is.
Once it’s installed, you can right click on an element and click "inspect element" and it will give you a list of all (CS)Styles applied to that element, and which ones are being overwritten. That will help you find how the font is changing, and where the background color is going.