i've found during my tinkering w/ css that not everything i get out of a reference works.
take changing link attributes for example:
i have the following in a css file that all my pages reference
a:link { color: blue; }
a:visited { color: red; }
a:hover { color: green; }
a:active { color: yellow; }
but it doesn't seem to work. i gave up on that part of the style.
my next project is to make a class that creates blinking text, so i add this to the css:
.tblink { text-decoration: blink; }
and then i make text like this:
<p class="tblink">This text should blink!!</p>
but still nothing, so finally i ask for help. anything would help, i'm beginning to think my problem is between the keyboard and the chair...
thxRun you page through the HTML validator at <!-- m --><a class="postlink" href="http://validator.w3.org/">http://validator.w3.org/</a><!-- m --> and when you have no errors run it through <!-- m --><a class="postlink" href="http://jigsaw.w3.org/css-validator/">http://jigsaw.w3.org/css-validator/</a><!-- m --> then get back to us.On microsoft's reference site you will find;
Remarks
This property currently has no visible effect because "blink" is not currently implemented as a possible value of the textDecoration propertyit that is the case, then why would a css reference say that that option is available in IE4 and up?and why is it that
a:link { color: #00FF00 }
a:visited { color: #32CD32 }
a:hover { color: #999999 }
a:active { color: #FFFF00 }
only works when you put it in an html page and not when its in an external style sheet?If you show us the page...
Is it refered to correctly?
(post your code or a link!!)
and the answer to your other question is 'who knows?' It's also blinking stupid!!
If the reference you used was what you you used for the page linked in your profile, I suggest getting rid of that reference. I have no idea what you where trying to do, but it was far from what you needed. Here's a rework of your code on the first page. I took out the <object> tag for now because I didn't feel like screwing around trying to validate it when the <object> tag isn't something I really know how to work with just yet.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>I Didn't Do it.net</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" title="Default" media="screen" href=http://www.webdeveloper.com/forum/archive/index.php/"styles.css" type="text/css">
</head>
<body>
<div id="header">
<img border="0" width="296px" height="65px" src=http://www.webdeveloper.com/forum/archive/index.php/"image001.gif" alt="Ididntdoit.net">
</div>
<div id="menu">
<a href=http://www.webdeveloper.com/forum/archive/index.php/"anotherchapter/anotherchapter.htm">[ Another Chapter ]</a>
<a href=http://www.webdeveloper.com/forum/archive/index.php/"hockey/msrhl.htm">[ Hockey ]</a>
<a href=http://www.webdeveloper.com/forum/archive/index.php/"flash/Flash%20Page.htm">[ Flash Animations ]</a>
<a href=http://www.webdeveloper.com/forum/archive/index.php/"qotd.html">[ Quote of the Day ]</a>
<a href=http://www.webdeveloper.com/forum/archive/index.php/"RDWeb">[ Terminal Services ]</a>
<a href=http://www.webdeveloper.com/forum/archive/index.php/"mailto:[email protected]?subject=Your Site Rocks...Well, at least it doesn't suck...">[ E-mail Me ]</a>
</div>
<h3>what's new...</h3>
<p>
still nothing new -- except for what you're reading -- i was digging around some old e-mails and found this glossary of words that women use and what they mean. i decided to see how accurate it was and compared it to conversations i have with my girlfriend...it's scary how accurate the original author is...<a href=http://www.webdeveloper.com/forum/archive/index.php/"wordswomenuse.htm">Words Women Use</a>
</p>
<p>
<a href=http://www.webdeveloper.com/forum/archive/index.php/"qotd.html">Quote of the Day</a> is up and running, I just don't update very often. <a href=http://www.webdeveloper.com/forum/archive/index.php/"mailto:[email protected]?subject=Quote Submission">Submit Quotes...</a>
</p>
<hr>
<p>
I added streaming media to my server. -- <a href=http://www.webdeveloper.com/forum/archive/index.php/"http://www.ididntdoit.net/radio">listen here</a> -- -- <a href="http://www.ididntdoit.net:8000">see what's playing</a> --
</p>
<p>
The Server requires NullSoft's Winamp MP3 player to listen to the music. If you don't have the program installed, you can obtain a copy by <a target="_blank" href=http://www.webdeveloper.com/forum/archive/index.php/"http://www.winamp.com/download/;$sessionid$EWCHJAT55TF5Y5YAAAARCZY">following this link...</a>
</p>
<p>
I've heard that RealPlayer will work also but can't make you any guarantees since I haven't tested it, I can't stand that software. My advice? get the <a href=http://www.webdeveloper.com/forum/archive/index.php/"http://www.winamp.com/download/;$sessionid$EWCHJAT55TF5Y5YAAAARCZY">Winamp player</a>
</p>
<p>
<em>I have no legal disclaimer only that music is distributed for listening purposes only. Some songs do include lyrics which aren't suitable for young ears. Parental guidance is suggested.</em>
</p>
<hr>
<p>
<h3>Still to come...</h3>
<p>don't really like this layout...ideas?</p>
</body>
</html>
Here's the CSS you put in a file named styles.css that's in the same directory as your HTML file is in.
a { color:#0066CC; text-decoration:none; }
a:hover { color:#D9F103; }
body { background-color:#FF9933; }
em { text-decoration:underline; }
#header { text-align:center; }
#menu { text-align:center; }well, i'm sorry that you went through all that trouble because that's not the page, nor the site, that i'm working on.
i've since solved my problem, it was a typo in the linking of the stylesheet.
thanks to all for your help
ps the blinking text still doesn't work
take changing link attributes for example:
i have the following in a css file that all my pages reference
a:link { color: blue; }
a:visited { color: red; }
a:hover { color: green; }
a:active { color: yellow; }
but it doesn't seem to work. i gave up on that part of the style.
my next project is to make a class that creates blinking text, so i add this to the css:
.tblink { text-decoration: blink; }
and then i make text like this:
<p class="tblink">This text should blink!!</p>
but still nothing, so finally i ask for help. anything would help, i'm beginning to think my problem is between the keyboard and the chair...
thxRun you page through the HTML validator at <!-- m --><a class="postlink" href="http://validator.w3.org/">http://validator.w3.org/</a><!-- m --> and when you have no errors run it through <!-- m --><a class="postlink" href="http://jigsaw.w3.org/css-validator/">http://jigsaw.w3.org/css-validator/</a><!-- m --> then get back to us.On microsoft's reference site you will find;
Remarks
This property currently has no visible effect because "blink" is not currently implemented as a possible value of the textDecoration propertyit that is the case, then why would a css reference say that that option is available in IE4 and up?and why is it that
a:link { color: #00FF00 }
a:visited { color: #32CD32 }
a:hover { color: #999999 }
a:active { color: #FFFF00 }
only works when you put it in an html page and not when its in an external style sheet?If you show us the page...
Is it refered to correctly?
(post your code or a link!!)
and the answer to your other question is 'who knows?' It's also blinking stupid!!
If the reference you used was what you you used for the page linked in your profile, I suggest getting rid of that reference. I have no idea what you where trying to do, but it was far from what you needed. Here's a rework of your code on the first page. I took out the <object> tag for now because I didn't feel like screwing around trying to validate it when the <object> tag isn't something I really know how to work with just yet.<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>I Didn't Do it.net</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" title="Default" media="screen" href=http://www.webdeveloper.com/forum/archive/index.php/"styles.css" type="text/css">
</head>
<body>
<div id="header">
<img border="0" width="296px" height="65px" src=http://www.webdeveloper.com/forum/archive/index.php/"image001.gif" alt="Ididntdoit.net">
</div>
<div id="menu">
<a href=http://www.webdeveloper.com/forum/archive/index.php/"anotherchapter/anotherchapter.htm">[ Another Chapter ]</a>
<a href=http://www.webdeveloper.com/forum/archive/index.php/"hockey/msrhl.htm">[ Hockey ]</a>
<a href=http://www.webdeveloper.com/forum/archive/index.php/"flash/Flash%20Page.htm">[ Flash Animations ]</a>
<a href=http://www.webdeveloper.com/forum/archive/index.php/"qotd.html">[ Quote of the Day ]</a>
<a href=http://www.webdeveloper.com/forum/archive/index.php/"RDWeb">[ Terminal Services ]</a>
<a href=http://www.webdeveloper.com/forum/archive/index.php/"mailto:[email protected]?subject=Your Site Rocks...Well, at least it doesn't suck...">[ E-mail Me ]</a>
</div>
<h3>what's new...</h3>
<p>
still nothing new -- except for what you're reading -- i was digging around some old e-mails and found this glossary of words that women use and what they mean. i decided to see how accurate it was and compared it to conversations i have with my girlfriend...it's scary how accurate the original author is...<a href=http://www.webdeveloper.com/forum/archive/index.php/"wordswomenuse.htm">Words Women Use</a>
</p>
<p>
<a href=http://www.webdeveloper.com/forum/archive/index.php/"qotd.html">Quote of the Day</a> is up and running, I just don't update very often. <a href=http://www.webdeveloper.com/forum/archive/index.php/"mailto:[email protected]?subject=Quote Submission">Submit Quotes...</a>
</p>
<hr>
<p>
I added streaming media to my server. -- <a href=http://www.webdeveloper.com/forum/archive/index.php/"http://www.ididntdoit.net/radio">listen here</a> -- -- <a href="http://www.ididntdoit.net:8000">see what's playing</a> --
</p>
<p>
The Server requires NullSoft's Winamp MP3 player to listen to the music. If you don't have the program installed, you can obtain a copy by <a target="_blank" href=http://www.webdeveloper.com/forum/archive/index.php/"http://www.winamp.com/download/;$sessionid$EWCHJAT55TF5Y5YAAAARCZY">following this link...</a>
</p>
<p>
I've heard that RealPlayer will work also but can't make you any guarantees since I haven't tested it, I can't stand that software. My advice? get the <a href=http://www.webdeveloper.com/forum/archive/index.php/"http://www.winamp.com/download/;$sessionid$EWCHJAT55TF5Y5YAAAARCZY">Winamp player</a>
</p>
<p>
<em>I have no legal disclaimer only that music is distributed for listening purposes only. Some songs do include lyrics which aren't suitable for young ears. Parental guidance is suggested.</em>
</p>
<hr>
<p>
<h3>Still to come...</h3>
<p>don't really like this layout...ideas?</p>
</body>
</html>
Here's the CSS you put in a file named styles.css that's in the same directory as your HTML file is in.
a { color:#0066CC; text-decoration:none; }
a:hover { color:#D9F103; }
body { background-color:#FF9933; }
em { text-decoration:underline; }
#header { text-align:center; }
#menu { text-align:center; }well, i'm sorry that you went through all that trouble because that's not the page, nor the site, that i'm working on.
i've since solved my problem, it was a typo in the linking of the stylesheet.
thanks to all for your help
ps the blinking text still doesn't work