Click to See Complete Forum and Search --> : not all css working for me
leprkn
07-11-2003, 09:30 AM
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...
thx
Charles
07-11-2003, 09:34 AM
Run you page through the HTML validator at http://validator.w3.org/ and when you have no errors run it through http://jigsaw.w3.org/css-validator/ then get back to us.
DaveSW
07-11-2003, 10:09 AM
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 property
leprkn
07-11-2003, 11:07 AM
it that is the case, then why would a css reference say that that option is available in IE4 and up?
leprkn
07-11-2003, 11:10 AM
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?
DaveSW
07-11-2003, 11:26 AM
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!! :D
spufi
07-11-2003, 01:39 PM
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="styles.css" type="text/css">
</head>
<body>
<div id="header">
<img border="0" width="296px" height="65px" src="image001.gif" alt="Ididntdoit.net">
</div>
<div id="menu">
<a href="anotherchapter/anotherchapter.htm">[ Another Chapter ]</a>
<a href="hockey/msrhl.htm">[ Hockey ]</a>
<a href="flash/Flash%20Page.htm">[ Flash Animations ]</a>
<a href="qotd.html">[ Quote of the Day ]</a>
<a href="RDWeb">[ Terminal Services ]</a>
<a href="mailto:ryan@ididntdoit.net?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="wordswomenuse.htm">Words Women Use</a>
</p>
<p>
<a href="qotd.html">Quote of the Day</a> is up and running, I just don't update very often. <a href="mailto:ryan@ididntdoit.net?subject=Quote Submission">Submit Quotes...</a>
</p>
<hr>
<p>
I added streaming media to my server. -- <a href="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.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.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; }
leprkn
07-11-2003, 03:47 PM
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