NoneOK Styles.css first:
body {
color: #000000;
font-size:12px;
font-family: 'times new roman', 'arial', 'helvetica',sans-serif;
}
Just added quotes around the specific font names, leaving the generic font family unquoted. Because it's specified in your body tag it applies to all the other stuff within the body tag.
a:active {
color:#0000FF;
text-decoration: none;
font-size:12px;
}
a:hover {
color: #0000FF
text-decoration: none;
}
What's this about? Tell me what hyperlink effect you want and I'll modify the code to suit.
h1 {
font-size: 18px;
font-weight: bold;
margin-bottom: 0;
padding-bottom: 0;
}
What's this next bit for? Try just deleting it - it shouldn't affect your page because it's not attached to any element name.
table-layout:fixed
I'll go through the other sheet later.Pretty much the same things in here:
body
{
color: #000000;
font-family: 'times new roman', 'arial', 'helvetica', sans-serif;
}
a:active {
color:#0000FF;
font-size:12px;
text-decoration: none;
}
a:hover {
color: #0000FF;
}
h1 {
font-size: 18px;
font-weight: bold;
margin-bottom: 0;
padding-bottom: 0;
}
.banner{
color: #003300;
font-size: medium;
font-weight:bold;
}
.title{
color: #003300;
font-size: medium;
font-weight:bold;
}
.section {
color: #800000;
font-size: medium;
font-weight:bold;
}
.section2 {
color: #800000;
font-size: medium;
font-weight: bold;
}
.mail {
font-size: x-small;
}
Just moved the font family to the body tag, so it applys to everything.
I still don't know what you're menu css should be doing. At present, you've missed two of the other parts of it out -
a:link {styles in here}
a:visited {style in here}
a:active {styles}
a:hover {styles}
Check out <!-- w --><a class="postlink" href="http://www.webdevfaqs.com/css.php">www.webdevfaqs.com/css.php</a><!-- w --> - the css for menus is dealt with in there, and it might help you.
Any queries
DaveDesign, get yourself a copy of TopStyle from <!-- w --><a class="postlink" href="http://www.bradsoft.com">www.bradsoft.com</a><!-- w --> it will make your life easier.body {
color: #000000;
font-size:12px;
font-family: 'times new roman', 'arial', 'helvetica',sans-serif;
}
Warning: To help avoid conflicts with user style sheets, background and color properties should be specified together.
a:link
{
color:#0000FF;
text-decoration: none;
font-size:12px;
}
Warning: To help avoid conflicts with user style sheets, background and color properties should be specified together.
a:visited
{
color: #800080
text-decoration: none;
font size: 12px;
a:active {
color:#0000FF;
text-decoration: none;
font-size:12px;
}
Warning: To help avoid conflicts with user style sheets, background and color properties should be specified together.
color: #800080
text-decoration: none
Error: Hexadecimal values are restricted to digits and the letters A through F (or a through f).
color: #800080
text-decoration: none
Error: Hexadecimal notation must be given with three or six digits (#rgb or #rrggbb).
font size: 12px
Error: Property font size not recognized.
a:active {
color:#0000FF
Error: Property a not recognized.
a:hover {
color: #0000FF
text-decoration: none;
}
Warning: To help avoid conflicts with user style sheets, background and color properties should be specified together.
color: #0000FF
text-decoration: none
Error: Hexadecimal values are restricted to digits and the letters A through F (or a through f).
color: #0000FF
text-decoration: none
Error: Hexadecimal notation must be given with three or six digits (#rgb or #rrggbb).
.banner{
color: #003300;
font-size: medium;
font-weight:bold;
}
Warning: To help avoid conflicts with user style sheets, background and color properties should be specified together.
.title{
color: #003300;
font-size: medium;
font-weight:bold;
}
Warning: To help avoid conflicts with user style sheets, background and color properties should be specified together.
.section {
color: #800000;
font-size: medium;
font-weight:bold;
}
Warning: To help avoid conflicts with user style sheets, background and color properties should be specified together.
.section2 {
color: #800000;
font-size: medium;
font-weight: bold;
}
Warning: To help avoid conflicts with user style sheets, background and color properties should be specified together.
Please help me to correct this style sheet. The source of my validation site is <!-- m --><a class="postlink" href="http://www.htmlhelp.com/tools/csscheck/upload.html">http://www.htmlhelp.com/tools/csscheck/upload.html</a><!-- m -->
I combined the two style sheets into one and called it test.cssmostly just minor typos.
color: #800080
text-decoration: none
Error: Hexadecimal values are restricted to digits and the letters A through F (or a through f).
missing ; at end of color line
color: #800080
text-decoration: none
Error: Hexadecimal notation must be given with three or six digits (#rgb or #rrggbb).
as above
font size: 12px
Error: Property font size not recognized.
It's font-size:12px;
Where it says background colors should be specified wherever you specify colors you can either ignore it or go through and set them all.I want to set the background color for all pages to white.
Will this correct the third line where you have posted the errors?body{
background-color: white;
/* Add the above to the body */
}I tried to work with what you gave me and I turned it into test.css The only html file that is attached is index. I want the test.css to look the same as styles.css and contact.css. Can you help to re-write the test file and re-zip and then automatically notify me.
I will check if to see if it is too small, too big, or right enough.
Currently, what you see at <!-- m --><a class="postlink" href="http://mywebpages.comcast.net/designengineering">http://mywebpages.comcast.net/designengineering</a><!-- m --> is the font style I want.
The only exception is contact.html. I combined the properties of the style sheet for contact.html and I turned it into one style sheet when I first addressed that the style sheet was not valid.
Please fix this.
body {
color: #000000;
font-size:12px;
font-family: 'times new roman', 'arial', 'helvetica',sans-serif;
}
Just added quotes around the specific font names, leaving the generic font family unquoted. Because it's specified in your body tag it applies to all the other stuff within the body tag.
a:active {
color:#0000FF;
text-decoration: none;
font-size:12px;
}
a:hover {
color: #0000FF
text-decoration: none;
}
What's this about? Tell me what hyperlink effect you want and I'll modify the code to suit.
h1 {
font-size: 18px;
font-weight: bold;
margin-bottom: 0;
padding-bottom: 0;
}
What's this next bit for? Try just deleting it - it shouldn't affect your page because it's not attached to any element name.
table-layout:fixed
I'll go through the other sheet later.Pretty much the same things in here:
body
{
color: #000000;
font-family: 'times new roman', 'arial', 'helvetica', sans-serif;
}
a:active {
color:#0000FF;
font-size:12px;
text-decoration: none;
}
a:hover {
color: #0000FF;
}
h1 {
font-size: 18px;
font-weight: bold;
margin-bottom: 0;
padding-bottom: 0;
}
.banner{
color: #003300;
font-size: medium;
font-weight:bold;
}
.title{
color: #003300;
font-size: medium;
font-weight:bold;
}
.section {
color: #800000;
font-size: medium;
font-weight:bold;
}
.section2 {
color: #800000;
font-size: medium;
font-weight: bold;
}
.mail {
font-size: x-small;
}
Just moved the font family to the body tag, so it applys to everything.
I still don't know what you're menu css should be doing. At present, you've missed two of the other parts of it out -
a:link {styles in here}
a:visited {style in here}
a:active {styles}
a:hover {styles}
Check out <!-- w --><a class="postlink" href="http://www.webdevfaqs.com/css.php">www.webdevfaqs.com/css.php</a><!-- w --> - the css for menus is dealt with in there, and it might help you.
Any queries
DaveDesign, get yourself a copy of TopStyle from <!-- w --><a class="postlink" href="http://www.bradsoft.com">www.bradsoft.com</a><!-- w --> it will make your life easier.
body { color: #000000;
font-size:12px;
font-family: 'times new roman', 'arial', 'helvetica',sans-serif;
}
Warning: To help avoid conflicts with user style sheets, background and color properties should be specified together.
a:link
{
color:#0000FF;
text-decoration: none;
font-size:12px;
}
Warning: To help avoid conflicts with user style sheets, background and color properties should be specified together.
a:visited
{
color: #800080
text-decoration: none;
font size: 12px;
a:active {
color:#0000FF;
text-decoration: none;
font-size:12px;
}
Warning: To help avoid conflicts with user style sheets, background and color properties should be specified together.
color: #800080
text-decoration: none
Error: Hexadecimal values are restricted to digits and the letters A through F (or a through f).
color: #800080
text-decoration: none
Error: Hexadecimal notation must be given with three or six digits (#rgb or #rrggbb).
font size: 12px
Error: Property font size not recognized.
a:active {
color:#0000FF
Error: Property a not recognized.
a:hover {
color: #0000FF
text-decoration: none;
}
Warning: To help avoid conflicts with user style sheets, background and color properties should be specified together.
color: #0000FF
text-decoration: none
Error: Hexadecimal values are restricted to digits and the letters A through F (or a through f).
color: #0000FF
text-decoration: none
Error: Hexadecimal notation must be given with three or six digits (#rgb or #rrggbb).
.banner{
color: #003300;
font-size: medium;
font-weight:bold;
}
Warning: To help avoid conflicts with user style sheets, background and color properties should be specified together.
.title{
color: #003300;
font-size: medium;
font-weight:bold;
}
Warning: To help avoid conflicts with user style sheets, background and color properties should be specified together.
.section {
color: #800000;
font-size: medium;
font-weight:bold;
}
Warning: To help avoid conflicts with user style sheets, background and color properties should be specified together.
.section2 {
color: #800000;
font-size: medium;
font-weight: bold;
}
Warning: To help avoid conflicts with user style sheets, background and color properties should be specified together.
Please help me to correct this style sheet. The source of my validation site is <!-- m --><a class="postlink" href="http://www.htmlhelp.com/tools/csscheck/upload.html">http://www.htmlhelp.com/tools/csscheck/upload.html</a><!-- m -->
I combined the two style sheets into one and called it test.cssmostly just minor typos.
color: #800080
text-decoration: none
Error: Hexadecimal values are restricted to digits and the letters A through F (or a through f).
missing ; at end of color line
color: #800080
text-decoration: none
Error: Hexadecimal notation must be given with three or six digits (#rgb or #rrggbb).
as above
font size: 12px
Error: Property font size not recognized.
It's font-size:12px;
Where it says background colors should be specified wherever you specify colors you can either ignore it or go through and set them all.I want to set the background color for all pages to white.
Will this correct the third line where you have posted the errors?body{
background-color: white;
/* Add the above to the body */
}I tried to work with what you gave me and I turned it into test.css The only html file that is attached is index. I want the test.css to look the same as styles.css and contact.css. Can you help to re-write the test file and re-zip and then automatically notify me.
I will check if to see if it is too small, too big, or right enough.
Currently, what you see at <!-- m --><a class="postlink" href="http://mywebpages.comcast.net/designengineering">http://mywebpages.comcast.net/designengineering</a><!-- m --> is the font style I want.
The only exception is contact.html. I combined the properties of the style sheet for contact.html and I turned it into one style sheet when I first addressed that the style sheet was not valid.
Please fix this.