I'm new to CSS and I've been trying to make one css style sheet and then linking to it on pages.
This is the page where I tried linking to a style sheet: <!-- m --><a class="postlink" href="http://www.hilduff.net/example.htm">http://www.hilduff.net/example.htm</a><!-- m -->
This is the code of the page example.htm:
<TITLE>hi</TITLE><HEAD>
<link rel=stylesheet type="text/css" href=http://www.webdeveloper.com/forum/archive/index.php/"http://www.hilduff.net/css.css">
</HEAD>
<BODY>
The following link is supposed to be pink on hover and the scroll bar is supposed to be pink as well: <a href=http://www.htmlgoodies.com>LINK</a><p>
</BODY>
<END></END>
This is the code of the style sheet and it doesn't appear on the page e.g. example.htm:
<style type="text/css">
body {scrollbar-face-color: black;
scrollbar-highlight-color: black;
scrollbar-3dlight-color: black;
scrollbar-darkshadow-color: black;
scrollbar-shadow-color: black;
scrollbar-arrow-color: pink;
scrollbar-track-color: pink;}
b{color:black;font-family:verdana;}
BODY,TD,P,A,I {font-family: verdana; font-size:10pt; color:black; text-transform:none;}
A:hover {CURSOR:crosshair; text-decoration:Font-size:10pt; color
ink; font-weight:narrow;font-family:verdana;text-transform:line-through;}
A:link {COLOR:black; font-style:bold; text-decoration:Font-size:10pt;}
A:visited {COLOR:black; text-decoration:Font-size:10pt;text-transform:line-through;}
</style>Remove the <style type="text/css"> element from the CSS
Also correct the validation errors (<!-- m --><a class="postlink" href="http://jigsaw.w3.org/css-validator/validator?text=b%7Bcolor%3Ablack%3Bfont-family%3Averdana%3B%7D%0D%0ABODY%2CTD%2CP%2CA%2CI+%7Bfont-family%3A+verdana%3B+font-size%3A10pt%3B+color%3Ablack%3B+text-transform%3Anone%3B%7D%0D%0AA%3Ahover+%7BCURSOR%3Acrosshair%3B+text-decoration%3AFont-size%3A10pt%3B+color%3Apink%3B+font-weight%3Anarrow%3Bfont-family%3Averdana%3Btext-transform%3Aline-through%3B%7D%0D%0AA%3Alink+%7BCOLOR%3Ablack%3B+font-style%3Abold%3B+text-decoration%3AFont-size%3A10pt%3B%7D%0D%0AA%3Avisited+%7BCOLOR%3Ablack%3B+text-decoration%3AFont-size%3A10pt%3Btext-transform%3Aline-through%3B%7D%0D%0A&usermedium=all">http://jigsaw.w3.org/css-validator/vali ... medium=all</a><!-- m -->)Here is a more correctly formatted version of your HTML code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang='en'>
<head>
<title>hi</title>
<link rel=stylesheet type="text/css" href=http://www.webdeveloper.com/forum/archive/index.php/"http://www.hilduff.net/css.css">
</head>
<body>
<p>The following link is supposed to be pink on hover and the scroll bar is
supposed to be pink as well: <a href=http://www.htmlgoodies.com>LINK</a></p>
</body>
</html>I guess that it is good to specify the content style type as a meta, as well
<meta http-equiv="Content-Style-Type" content="text/css">
Yet I am not very sure if this is compulsory in strict doctype...*Remember to seperate your properties with ";" you've missed some out after text-decorations and text-transform,
*Try to use hexadecimal for your colours "Note: Only 16 color names are supported by the W3C HTML 4.0 standard (aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, and yellow). For all other colors you should use the Color HEX value." from <!-- m --><a class="postlink" href="http://www.w3schools.com/html/html_colornames.asp">http://www.w3schools.com/html/html_colornames.asp</a><!-- m -->
*Try not to use capital letters,
*Provide alternate fonts (font-family:verdana, arial, helvetica, sans-serif)
Otherwise keep at it!
This is the page where I tried linking to a style sheet: <!-- m --><a class="postlink" href="http://www.hilduff.net/example.htm">http://www.hilduff.net/example.htm</a><!-- m -->
This is the code of the page example.htm:
<TITLE>hi</TITLE><HEAD>
<link rel=stylesheet type="text/css" href=http://www.webdeveloper.com/forum/archive/index.php/"http://www.hilduff.net/css.css">
</HEAD>
<BODY>
The following link is supposed to be pink on hover and the scroll bar is supposed to be pink as well: <a href=http://www.htmlgoodies.com>LINK</a><p>
</BODY>
<END></END>
This is the code of the style sheet and it doesn't appear on the page e.g. example.htm:
<style type="text/css">
body {scrollbar-face-color: black;
scrollbar-highlight-color: black;
scrollbar-3dlight-color: black;
scrollbar-darkshadow-color: black;
scrollbar-shadow-color: black;
scrollbar-arrow-color: pink;
scrollbar-track-color: pink;}
b{color:black;font-family:verdana;}
BODY,TD,P,A,I {font-family: verdana; font-size:10pt; color:black; text-transform:none;}
A:hover {CURSOR:crosshair; text-decoration:Font-size:10pt; color
ink; font-weight:narrow;font-family:verdana;text-transform:line-through;}A:link {COLOR:black; font-style:bold; text-decoration:Font-size:10pt;}
A:visited {COLOR:black; text-decoration:Font-size:10pt;text-transform:line-through;}
</style>Remove the <style type="text/css"> element from the CSS
Also correct the validation errors (<!-- m --><a class="postlink" href="http://jigsaw.w3.org/css-validator/validator?text=b%7Bcolor%3Ablack%3Bfont-family%3Averdana%3B%7D%0D%0ABODY%2CTD%2CP%2CA%2CI+%7Bfont-family%3A+verdana%3B+font-size%3A10pt%3B+color%3Ablack%3B+text-transform%3Anone%3B%7D%0D%0AA%3Ahover+%7BCURSOR%3Acrosshair%3B+text-decoration%3AFont-size%3A10pt%3B+color%3Apink%3B+font-weight%3Anarrow%3Bfont-family%3Averdana%3Btext-transform%3Aline-through%3B%7D%0D%0AA%3Alink+%7BCOLOR%3Ablack%3B+font-style%3Abold%3B+text-decoration%3AFont-size%3A10pt%3B%7D%0D%0AA%3Avisited+%7BCOLOR%3Ablack%3B+text-decoration%3AFont-size%3A10pt%3Btext-transform%3Aline-through%3B%7D%0D%0A&usermedium=all">http://jigsaw.w3.org/css-validator/vali ... medium=all</a><!-- m -->)Here is a more correctly formatted version of your HTML code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang='en'>
<head>
<title>hi</title>
<link rel=stylesheet type="text/css" href=http://www.webdeveloper.com/forum/archive/index.php/"http://www.hilduff.net/css.css">
</head>
<body>
<p>The following link is supposed to be pink on hover and the scroll bar is
supposed to be pink as well: <a href=http://www.htmlgoodies.com>LINK</a></p>
</body>
</html>I guess that it is good to specify the content style type as a meta, as well
<meta http-equiv="Content-Style-Type" content="text/css">
Yet I am not very sure if this is compulsory in strict doctype...*Remember to seperate your properties with ";" you've missed some out after text-decorations and text-transform,
*Try to use hexadecimal for your colours "Note: Only 16 color names are supported by the W3C HTML 4.0 standard (aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, and yellow). For all other colors you should use the Color HEX value." from <!-- m --><a class="postlink" href="http://www.w3schools.com/html/html_colornames.asp">http://www.w3schools.com/html/html_colornames.asp</a><!-- m -->
*Try not to use capital letters,
*Provide alternate fonts (font-family:verdana, arial, helvetica, sans-serif)
Otherwise keep at it!