bryanbayfield
Technical User
OK guys - go easy on me please!
I'm trying to learn how to do CSS - it doesn't seem to be that difficult, but I seem to be missing the big picture somehow.
An example would be this css file I created (nothing complex I know):
I have a table with two columns, I specify class="heading" for the td tags that constitute the left column and class="info" for the right column. All info in teh table promptly comes up in "heading" style. What on Earth am I doing wrong?!
Another problem I've noticed is that if I just create a stylesheet with a p attribute and say a h1 attribute, IE doesn't like it. But if I have h1,2,3 elementsspecified (and html file only has those headings) as well as the p element then everything's hunky dory. Perplexing.
I'm trying to learn how to do CSS - it doesn't seem to be that difficult, but I seem to be missing the big picture somehow.
An example would be this css file I created (nothing complex I know):
Code:
h1 {font-family:"Arial", sans-serif; font-size:20pt; color:purple; font-variant:normal};
h2 {font-family:"Arial", sans-serif; font-size:18pt; color:purple; font-variant:normal};
h3 {font-family:"Arial", sans-serif; font-size:16pt; color:purple; font-variant:normal};
h4 {font-family:"Arial", sans-serif; font-size:14pt; color:purple; font-variant:normal};
p {font-family:"Arial", sans-serif; text-align:justify; color:black; font-variant:normal}
td.heading {font-family:"Arial", sans-serif; text-align:left; color:red; font-variant:small-caps;}
td.info {font-family:"Arial", sans-serif; text-align:justify; color:red; font-variant:normal;}
p {font-family:"Arial", sans-serif; text-align:justify; color:black; font-variant:normal}
div {font-family:"Arial", sans-serif; text-align:justify; color:black;}
body {background-color:rgb(153,215,224);}
I have a table with two columns, I specify class="heading" for the td tags that constitute the left column and class="info" for the right column. All info in teh table promptly comes up in "heading" style. What on Earth am I doing wrong?!
Another problem I've noticed is that if I just create a stylesheet with a p attribute and say a h1 attribute, IE doesn't like it. But if I have h1,2,3 elementsspecified (and html file only has those headings) as well as the p element then everything's hunky dory. Perplexing.