first of all you have a css file, which you should do your editing in not in the index.html file. you will need to read up on css.
Quote:
Multiple Styles Will Cascade Into One
Style sheets allow style information to be specified in many ways. Styles can be specified inside a single HTML element, inside the <head> element of an HTML page, or in an external CSS file. Even multiple external style sheets can be referenced inside a single HTML document.
Cascading Order
What style will be used when there is more than one style specified for an HTML element?
Generally speaking we can say that all the styles will "cascade" into a new "virtual" style sheet by the following rules, where number four has the highest priority:
Browser default
External style sheet
Internal style sheet (inside the <head> tag)
Inline style (inside an HTML element)
So, an inline style (inside an HTML element) has the highest priority, which means that it will override a style declared inside the <head> tag, in an external style sheet, or in a browser (a default value).
Note: If the external style sheet link is placed below the internal style sheet in HTML <head>, the external style sheet will override the internal style sheet.
|
Important - try to learn these 3 parts.
The CSS syntax is made up of three parts: a
selector, a
property and a
value:
I have fixed your problem (stc.zip). Try to compare the index,html and style.css files and you will see where you went wrong. Keep the css file in the root directory where you store your html files. For some strange reason it just works when placed there.
Let us know how it goes and try to help someone esle if you can.