navigation
a webmaster learning community
     Home    Register     Search      Help      Login    
Sponsors

Shopping Cart Software
Ecommerce software integrated into Frontpage, Dreamweaver and Golive templates. No monthly fees and available in ASP and PHP versions.

Website Templates
We also have a wide selection of Dreamweaver, Expression Web and Frontpage templates as well as webmaster tools and CSS layouts.

Frontpage website templates
Creative Website Templates for FrontPage, Dreamweaver, Flash, SwishMax

Search Forums
 

Advanced search
Recent Posts

 Todays Posts
 Most Active posts
 Posts since last visit
 My Recent Posts
 Mark posts read

Microsoft MVP

 

Links only work in IE

 
View related threads: (in this forum | in all forums)

Logged in as: Guest
Users viewing this topic: none
Printable Version 

All Forums >> Web Development >> Cascading Style Sheets >> Links only work in IE
Page: [1] 2   next >   >>
 
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.

(in reply to slbergh)
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.

(in reply to BobbyDouglas)
c1sissy

 

Posts: 5084
Joined: 7/20/2002
From: NJ
Status: offline

 
RE: Links only work in IE - 2/19/2004 15:09:10   
One thing I noticed is that you are missing semi-colons through out your code as well

#pageheader h2 span {
	display: none} 


should be

#pageheader h2 span 
 {
  display: none;
  }


You should go over your code and make sure that you validate as Nancy suggested. It is soooo important to make sure that the page validates.

<edit>Also be aware that just because it works in IE doesn't mean that you have everything done correctly. You should use Mozilla and opera for testing your pages as IE is too forgiving on mistakes :)</edit>

< Message edited by c1sissy -- 2/19/2004 15:16:15 >


_____________________________

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/

(in reply to Nancy)
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

(in reply to c1sissy)
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!

(in reply to d a v e)
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/

(in reply to d a v e)
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/

(in reply to slbergh)
bobby

 

Posts: 11394
Joined: 8/15/1969
From: Seattle WA USA
Status: offline

 
RE: Links only work in IE - 2/19/2004 16:24:55   
quote:

Your site looks really messed up in Netscape 4.7

LOL

Many do...

:)

_____________________________

If con is the opposite of pro, is Congress the opposite of progress?


:)

(in reply to c1sissy)
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!

(in reply to bobby)
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/

(in reply to slbergh)
jaybee

 

Posts: 14122
Joined: 10/7/2003
From: Berkshire, UK
Status: offline

 
RE: Links only work in IE - 2/19/2004 19:20:35   
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>



I've said it before and I'll say it again.........

Please help yourself to my specially designed button below. :)


Thumbnail Image
:)

Attachment (1)

_____________________________

If it ain't broke..... fix it until it is.
:)

:)
GAWDS
Now where did I put that Doctype?

(in reply to slbergh)
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

_____________________________




(in reply to jaybee)
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

(in reply to Giomanach)
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

_____________________________




(in reply to d a v e)
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

(in reply to Giomanach)
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



(in reply to d a v e)
Giomanach

 

Posts: 6090
Joined: 11/19/2003
From: England
Status: offline

 
RE: Links only work in IE - 2/20/2004 7:13:03   
Or if you don't know how the RGB color system works, you can always use HexDec and standard color names :)

Dan

< Message edited by Giomanach -- 2/20/2004 12:13:21 >


_____________________________




(in reply to gorilla)
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!

(in reply to Giomanach)
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 >


_____________________________




(in reply to slbergh)
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/

(in reply to slbergh)
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

(in reply to slbergh)
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/

(in reply to d a v e)
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

_____________________________




(in reply to c1sissy)
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/

(in reply to Giomanach)
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 >


_____________________________




(in reply to c1sissy)
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/

(in reply to Giomanach)
Giomanach

 

Posts: 6090
Joined: 11/19/2003
From: England
Status: offline

 
RE: Links only work in IE - 2/20/2004 10:32:42   
I've just ran it through the validator for xhtml strict and one word comes to mind (not very guy like but...) EEEEEEEEK!!!!:)

Dan

<edit>The blue EEK is a link to the validation results:)</edit>

< Message edited by Giomanach -- 2/20/2004 15:39:08 >


_____________________________




(in reply to c1sissy)
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!

(in reply to c1sissy)
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!

(in reply to slbergh)
Page:   [1] 2   next >   >>

All Forums >> Web Development >> Cascading Style Sheets >> Links only work in IE
Page: [1] 2   next >   >>
Jump to: 1





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