|
| |
|
|
slbergh
Posts: 322 Joined: 11/8/2002 From: Iowa Status: offline
|
Links only work in IE - 2/19/2004 12:02:03
This one has me puzzled. I've put together a page using all CSS. (I'm pretty proud of it, actually.) In IE, everything works just fine. However, in Opera, FireFox and Netscape, my validation links aren't displaying or acting as links. (Oh, and it doesn't validate, yet, but I'm working on that.) Any ideas? Here's the page...
_____________________________
Digital data lasts forever...or 5 years, whichever comes first!
|
|
|
|
BobbyDouglas
Posts: 5452 Joined: 5/15/2003 From: Arizona Status: offline
|
RE: Links only work in IE - 2/19/2004 14:38:50
Wow. Your site looks really messed up in Netscape 4.7. The validation links work fine to me. I would attach the screenshot of what the site looks like, but the upload feature is not quite working here atm. Basically, it is just the text that appears along with working links.
|
|
|
|
Nancy
Posts: 3626 Joined: 11/9/1999 From: Nebraska Status: offline
|
RE: Links only work in IE - 2/19/2004 14:44:13
The first thing you need to do is validate the css file - until it is valid, you can't expect to get browsers to behave. For example in your stylesheet, in one place you have font-style: bold Bold is not a style, it is a weight, so it should be font-weight: bold I did a quick validation on it and there were numerous errors. Once you have those errors corrected, then you can work from there as to how something works , or doesn't work, in several browsers. Nancy
_____________________________
Easy Estimates -- is a simple to use tool to quickly build a Web site page enabling visitors to quickly and easily create an estimate of the cost of services that you provide.
|
|
|
|
d a v e
Posts: 4055 Joined: 7/24/2002 From: England (but live in Finland now) Status: offline
|
RE: Links only work in IE - 2/19/2004 15:15:50
i'm pretty sure you don't *need* the semi-colon on the last one, but of course it's good practice and easier to add to. ditto on the validation
_____________________________
David Prescott Gekko web design
|
|
|
|
slbergh
Posts: 322 Joined: 11/8/2002 From: Iowa Status: offline
|
RE: Links only work in IE - 2/19/2004 15:36:13
Okay, the CSS validates now (the HTML doesn't yet, but I'll get there). I still can't get the validation links on that page to work quite right....as in, they don't appear to be "clickable".
_____________________________
Digital data lasts forever...or 5 years, whichever comes first!
|
|
|
|
c1sissy
Posts: 5084 Joined: 7/20/2002 From: NJ Status: offline
|
RE: Links only work in IE - 2/19/2004 16:19:24
quote:
ORIGINAL: d a v e i'm pretty sure you don't *need* the semi-colon on the last one, but of course it's good practice and easier to add to. ditto on the validation Actually, from my very brief usage of this, if I am missing a semi colon, I have a problem with the style working. So I always double check to make sure that it is in there.
_____________________________
Deb-aka-c4Ksissy high panjandurum and alpha female of the silverback tribe As decreed by Jesper 5-24-2003. The only stupid question is... the one that is never asked!! http://directory.css-styling.com http://fmsforum.com http://positioniseverything.net/ http://www.tanfa.co.uk/
|
|
|
|
c1sissy
Posts: 5084 Joined: 7/20/2002 From: NJ Status: offline
|
RE: Links only work in IE - 2/19/2004 16:21:14
quote:
ORIGINAL: slbergh Okay, the CSS validates now (the HTML doesn't yet, but I'll get there). I still can't get the validation links on that page to work quite right....as in, they don't appear to be "clickable". I just looked at your page very briefly, your last link is working. So look at your last link to see what is that that might be missing from the others. About Labs Central took me right to the page. Also, not sure if this might make a difference or not, but you have this <STYLE title=currentStyle type=text/css>@import url
( 074.css );
</STYLE> Maybe if you eliminate the spaces between the parenthesis that appear to be extra spaces then it might help out a bit?(I hope that I am making sense here) <STYLE title=currentStyle type=text/css>@import url
(074.css);
</STYLE>
< Message edited by c1sissy -- 2/19/2004 16:28:04 >
_____________________________
Deb-aka-c4Ksissy high panjandurum and alpha female of the silverback tribe As decreed by Jesper 5-24-2003. The only stupid question is... the one that is never asked!! http://directory.css-styling.com http://fmsforum.com http://positioniseverything.net/ http://www.tanfa.co.uk/
|
|
|
|
slbergh
Posts: 322 Joined: 11/8/2002 From: Iowa Status: offline
|
RE: Links only work in IE - 2/19/2004 17:50:51
Now that I'm safely barricaded in my office where NS fanatics can't find me..... <whisper>I don't worry about coding for NS 4.</whisper>
_____________________________
Digital data lasts forever...or 5 years, whichever comes first!
|
|
|
|
c1sissy
Posts: 5084 Joined: 7/20/2002 From: NJ Status: offline
|
RE: Links only work in IE - 2/19/2004 17:52:18
quote:
ORIGINAL: slbergh Now that I'm safely barricaded in my office where NS fanatics can't find me..... <whisper>I don't worry about coding for NS 4.</whisper> ROFLOL!!!!
_____________________________
Deb-aka-c4Ksissy high panjandurum and alpha female of the silverback tribe As decreed by Jesper 5-24-2003. The only stupid question is... the one that is never asked!! http://directory.css-styling.com http://fmsforum.com http://positioniseverything.net/ http://www.tanfa.co.uk/
|
|
|
|
Giomanach
Posts: 6090 Joined: 11/19/2003 From: England Status: offline
|
RE: Links only work in IE - 2/20/2004 3:56:48
quote:
Please help yourself to my specially designed button below.  Right, time to throw the bat about. quote:
Actually, from my very brief usage of this, if I am missing a semi colon, I have a problem with the style working. So I always double check to make sure that it is in there. Is absolutley correct, if you leave it out, even if you close off the CSS with the usual } it will still think that the following code is part of the command you are laying out and will cancel out, most if not the rest of, your style sheet The area of the stylesheet in question: #linklist li {
display: block;
margin-bottom: 5px;
margin-left: -40px;
line-height: 110%;
padding-top: 5px;
padding-bottom: 5px;
list-style-type: none;
border-bottom: #010742 1px solid;
}
#linklist li a:link {
font-weight: bold;
font-size: 90%;
color: #010742;
font-family: verdana, sans-serif;
}
#linklist li a:hover {
font-weight: bold;
font-size: 90%;
color: #010742;
font-family: verdana, sans-serif;
text-decoration: underline;
}
#linklist li a:visited {
font-weight: bold;
font-size: 90%;
color: #010742;
font-family: verdana, sans-serif;
} For starters, it should be: #linklist li {
display: block;
margin-bottom: 5px;
margin-left: -40px;
line-height: 110%;
padding-top: 5px;
padding-bottom: 5px;
list-style-type: none;
border-bottom: #010742 1px solid;
}
#linklist li a:link {
font-size: 90%;
font-family: verdana, sans-serif;
font-weight: bold;
color: #010742;
}
#linklist li a:visited {
font-size: 90%;
font-family: verdana, sans-serif;
font-weight: bold;
color: #010742;
}
#linklist li a:hover {
font-size: 90%;
font-family: verdana, sans-serif;
font-weight: bold;
color: #010742;
text-decoration: underline;
} That should allow them to work properly in all browsers, plus you will also need to define #linklist ul and replace #linklist li with #linklist ul li See what that does for you, then come back. HTH Dan
_____________________________
|
|
|
|
d a v e
Posts: 4055 Joined: 7/24/2002 From: England (but live in Finland now) Status: offline
|
RE: Links only work in IE - 2/20/2004 4:48:34
my point was that you aren't required to put in the final semi-colon, at least according to the css syntax, only to separate property/value 'pairs' (see http://www.w3schools.com/css/css_syntax.asp ) (note also that in their examples they don't put in the final semi-colon) of course whether you need to do that for browsers that don't properly interpret correct css syntax is another matter ;)
_____________________________
David Prescott Gekko web design
|
|
|
|
Giomanach
Posts: 6090 Joined: 11/19/2003 From: England Status: offline
|
RE: Links only work in IE - 2/20/2004 4:59:53
I tried to validate CSS with and without the final semi colon, here is with. I also got the same result without, however, the validator automatically entered the final semi colon for you. Proof is here Here is with, and here is without, exactly the same stylesheet. So I'd say it's bets to put the final one in anyway, seeing as the validator does it for you
_____________________________
|
|
|
|
d a v e
Posts: 4055 Joined: 7/24/2002 From: England (but live in Finland now) Status: offline
|
RE: Links only work in IE - 2/20/2004 5:16:37
i always put it anyway just because i never know whether i'm going to add to it. Interesting to see how the validator puts in any 'missing' semi-colons for you!
_____________________________
David Prescott Gekko web design
|
|
|
|
gorilla
Posts: 2974 From: Denmark Status: offline
|
RE: Links only work in IE - 2/20/2004 7:03:45
They're not actually required at the end of a rule but are a very good idea to have in there. For the reason that david has just given in the immediately preceding post. The validator puts it in for well pretty much the same reason actually it needs to know when to assume a rule has ended, so it uses that form of input validation as that's all a css file is to it. Data to be be input and processed. (With hopefully the "congratualtions you've been a good little style sheet" message as output at the end. To help any css newbies who read this the rule about semi colons is this: Imagine you want a situation where a heading in your main contenty is to be 1 - a certain colour 2 - the background colour is to be transparent 3 - you want it to be in a certain font or failing that to be in a similar font 4 - you want it to be super big size, because you're using it like a headline 5 - you want it bold 6 - it'd be nice if was in italics as well 7 - you want the margin a very precise size 8 - ditto the padding. 9 - and jsut for the hell of it you want a border too. main-copy h1 { color: rgb(166,140,83); background-color: transparent; font-family: arial, verdana, helvetica, sans-serif; font-size: 175%; font-weight: bold; font-style: italic; text-align: left; margin: 1em 0 0 0; padding: 1em 0 0 0; border-top: 1px solid rgb(216,210,195); } You set up all of those conditions as above and the browser "knows" when you've finished setting up a condition by a semi colon at the end. It then moves on to the next condition and so on. if you forget to put on a semicolon at the end the poor thing gets confused, but it does its best and its best is likely to be a mess on your screen. The browser also needs to know when you've finished setting up all the styles, so that it can stop worrying about it and start worrying about something else. That is what the chain bracket } is for. It is good practice to always tell the browser when you've finished. W3c are aware of this and so for input validation reasons and know other their validator puts in a final ; on its temporary local copy of the style sheet being validated for convenience. Even though it is not strictly speaking required.
< Message edited by gorilla -- 2/20/2004 7:15:58 >
_____________________________
Mháircaish Signature self-censored to protect the sensibilities of the thin-skinned . May we never confuse honest dissent with disloyal subversion. – Dwight D. Eisenhower
|
|
|
|
slbergh
Posts: 322 Joined: 11/8/2002 From: Iowa Status: offline
|
RE: Links only work in IE - 2/20/2004 9:59:40
I've made the changes Giomanach suggested and they still don't work outside of IE. Here's the css for that area: #comply {
border-right: #000000 0px solid;
padding-right: 5px;
border-top: #000 0px solid;
padding-left: 5px;
left: 100px;
padding-bottom: 5px;
margin: 0px;
border-left: #000000 0px solid;
width: 200px;
padding-top: 5px;
border-bottom: #000000 0px solid;
position: relative;
top: 200px;
text-align: left;
}
#comply a:link {
font-size: 80%;
color: #010742;
}
#comply a:visited {
font-size: 80%;
color: #4b8049;
}
#comply a:hover {
font-size: 80%;
color: #795b97;
text-decoration: underline;
}
On the web page, that particular section is being called from a FrontPage include, as is the main menu. The main menu works fine (there's only one active link in the menu right now), but these two links that are supposed to prove compliance are still resisting me!
_____________________________
Digital data lasts forever...or 5 years, whichever comes first!
|
|
|
|
Giomanach
Posts: 6090 Joined: 11/19/2003 From: England Status: offline
|
RE: Links only work in IE - 2/20/2004 10:05:02
Don't know about anyone else, but I can't see a single thing wrong, it might be the include that is doing it, but I doubt it. I'll see what the validation comes out with, b'cos that might be the problem Dan <edit> There are 23 errors in the HTML document. Solve them and that should solve the problem, if the HTML is valid, then it should work fine. Here's the vaildation page for your HTML, There are still errors in the CSS stylesheet, only one mind, but it's here </edit>
< Message edited by Giomanach -- 2/20/2004 15:11:59 >
_____________________________
|
|
|
|
c1sissy
Posts: 5084 Joined: 7/20/2002 From: NJ Status: offline
|
RE: Links only work in IE - 2/20/2004 10:05:42
<UL>
<LI>Green Chemistry
<LI>Pollution Prevention
<LI>EMS Guidance
<LI>Compliance Assistance
<LI>Environmental Curriculum
<LI>Conferences and Training
<LI>Networking
<LI>Contact LABS Central In your html you have the above, try this <UL>
<LI>Green Chemistry</li>
<LI>Pollution Prevention</li>
<LI>EMS Guidance</li>
<LI>Compliance Assistance</li>
<LI>Environmental Curriculum </li>
<LI>Conferences and Training</li>
<LI>Networking</li>
<LI>Contact LABS Central</li> This might be your problem. I'm not sure, but just guessing here.
_____________________________
Deb-aka-c4Ksissy high panjandurum and alpha female of the silverback tribe As decreed by Jesper 5-24-2003. The only stupid question is... the one that is never asked!! http://directory.css-styling.com http://fmsforum.com http://positioniseverything.net/ http://www.tanfa.co.uk/
|
|
|
|
d a v e
Posts: 4055 Joined: 7/24/2002 From: England (but live in Finland now) Status: offline
|
RE: Links only work in IE - 2/20/2004 10:07:33
what's left: 100px; and top: 200px; in #comply maybe the link styles aren't working after this delcaratations if they are invalid... I can't think what "top" and "left" are in this case?!
_____________________________
David Prescott Gekko web design
|
|
|
|
c1sissy
Posts: 5084 Joined: 7/20/2002 From: NJ Status: offline
|
RE: Links only work in IE - 2/20/2004 10:11:17
quote:
ORIGINAL: d a v e what's left: 100px; and top: 200px; in #comply maybe the link styles aren't working after this delcaratations if they are invalid... I can't think what "top" and "left" are in this case?! I had also looked at this trying to figure out what it was. I think it might be how far from the top and left of the page the placement is of her div.
_____________________________
Deb-aka-c4Ksissy high panjandurum and alpha female of the silverback tribe As decreed by Jesper 5-24-2003. The only stupid question is... the one that is never asked!! http://directory.css-styling.com http://fmsforum.com http://positioniseverything.net/ http://www.tanfa.co.uk/
|
|
|
|
Giomanach
Posts: 6090 Joined: 11/19/2003 From: England Status: offline
|
RE: Links only work in IE - 2/20/2004 10:13:32
quote:
ORIGINAL: c1sissy <UL>
<LI>Green Chemistry
<LI>Pollution Prevention
<LI>EMS Guidance
<LI>Compliance Assistance
<LI>Environmental Curriculum
<LI>Conferences and Training
<LI>Networking
<LI>Contact LABS Central In your html you have the above, try this <UL>
<LI>Green Chemistry</li>
<LI>Pollution Prevention</li>
<LI>EMS Guidance</li>
<LI>Compliance Assistance</li>
<LI>Environmental Curriculum </li>
<LI>Conferences and Training</li>
<LI>Networking</li>
<LI>Contact LABS Central</li> This might be your problem. I'm not sure, but just guessing here. Also helps if all coding is done in lower case Dan
_____________________________
|
|
|
|
c1sissy
Posts: 5084 Joined: 7/20/2002 From: NJ Status: offline
|
RE: Links only work in IE - 2/20/2004 10:22:14
quote:
Also helps if all coding is done in lower case Dan I viewed it through instant source, which tends to make all the code capital. I dont think that it was like this in view source. I believe that she has it done correctly in that regards. <edit>view source shows that she has it done correctly</edit>
< Message edited by c1sissy -- 2/20/2004 10:24:51 >
_____________________________
Deb-aka-c4Ksissy high panjandurum and alpha female of the silverback tribe As decreed by Jesper 5-24-2003. The only stupid question is... the one that is never asked!! http://directory.css-styling.com http://fmsforum.com http://positioniseverything.net/ http://www.tanfa.co.uk/
|
|
|
|
Giomanach
Posts: 6090 Joined: 11/19/2003 From: England Status: offline
|
RE: Links only work in IE - 2/20/2004 10:23:49
quote:
viewed it through instant source Ditto, I'm only going by what I see, but I now believe the problem is down to the coding not being valid. Dan Edited spelling, I can't type today!!!!
< Message edited by Giomanach -- 2/20/2004 15:24:58 >
_____________________________
|
|
|
|
c1sissy
Posts: 5084 Joined: 7/20/2002 From: NJ Status: offline
|
RE: Links only work in IE - 2/20/2004 10:28:21
Just looked at your code again. you have a xhtml strict dtd. did you validate your html yet? If not I highly suggest that you do this. You don't have any closing tags with your links, as shown above, and this is needed in the xhtml. I believe that this might be where your problem is. I'm almost 98% sure that if you fixed this and validated the page that you will find that this will work for you.
_____________________________
Deb-aka-c4Ksissy high panjandurum and alpha female of the silverback tribe As decreed by Jesper 5-24-2003. The only stupid question is... the one that is never asked!! http://directory.css-styling.com http://fmsforum.com http://positioniseverything.net/ http://www.tanfa.co.uk/
|
|
|
|
slbergh
Posts: 322 Joined: 11/8/2002 From: Iowa Status: offline
|
RE: Links only work in IE - 2/20/2004 10:34:59
It is all lowercase.
_____________________________
Digital data lasts forever...or 5 years, whichever comes first!
|
|
|
|
slbergh
Posts: 322 Joined: 11/8/2002 From: Iowa Status: offline
|
RE: Links only work in IE - 2/20/2004 10:38:44
Actually, I do have closing links: <html>
<head>
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Green Chemistry</title>
</head>
<body>
<ul>
<li>Green Chemistry</li>
<li>Pollution Prevention</li>
<li>EMS Guidance</li>
<li>Compliance Assistance</li>
<li>Environmental Curriculum</li>
<li>Conferences and Training</li>
<li>Networking</li>
<li>Contact LABS Central</li>
<li><a href="about.htm">About LABS Central</a></li>
</ul>
</body>
</html> This is the main menu, and it's working just fine. It's the compliance section that isn't. And, yes, I know that the html doesn't validate yet, but I'm working on it. Here's the compliance include: <html>
<head>
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title></title>
</head>
<body>
<p>
<a href="http://bobby.watchfire.com/bobby/bobbyServlet?URL=http://www.labscentral.info/cssdesign.htm&output=Submit&gl=sec508&test=">
508</a> |
<a href="http://bobby.watchfire.com/bobby/bobbyServlet?URL=http://www.labscentral.info/cssdesign.htm&output=Submit&gl=wcag1-aaa&test=">
aaa</a> </p>
</body>
</html>
_____________________________
Digital data lasts forever...or 5 years, whichever comes first!
|
|
New Messages |
No New Messages |
Hot Topic w/ New Messages |
Hot Topic w/o New Messages |
Locked w/ New Messages |
Locked w/o New Messages |
|
Post New Thread
Reply to Message
Post New Poll
Submit Vote
Delete My Own Post
Delete My Own Thread
Rate Posts
|
|
|