css - now you see it now you don't

[lorax]

Hola,
I've got a style sheet that I use the @import call to apply to my page. At home, where the page was developed, I can view the page on the web server (at an offsite host) and all links don't have the underlines until you MouseOver them - as I designed it. From my office computer, I look at the same page (with the same browsers) and the underlines appear in the MouseOut state as well as MouseOver. I'm using Opera 6.03, MSIE 5.5, and NS 6.2 to test with and the condition is the same in all 3.

At first I thought I had made the blunder of using a local path reference (eg "file=d:/dir/fgs.css")but no - the reference is: @import "fgs.css";

I can accept that it might be a problem of cascading but why would it show up on my work computer but not my home??

[SmallTime]

You have cleared cache's, checked that "underline links" is not set in preferences, etc. I trust?

[keyplyr]

If it's the site in your profile, I see underlined links using IE6, mouseOut and mouseOver, and my browser preferences are set to only see links on mouseOver (hover.)

[justa]

Going one step further then keyplyr, if it is the site in your profile you aren't using the @import to link the style sheet, you still have

<LINK REL="StyleSheet" HREF="themes/NukeNews/style/style.css" TYPE="text/css">

When I checked your style.css file you have all "a" states as
text-decoration: underline;

[lorax]

You have cleared cache's, checked that "underline links" is not set in preferences, etc. I trust?

Have cleared the cache and checked my home PC for underline settings. Will have to wait till tomorrow to check the work PC. Home PC has underline checked but the page views as expected.

If it's the site in your profile, I see underlined links using IE6, mouseOut and mouseOver, and my browser preferences are set to only see links on mouseOver (hover.)

Nope it is that site but a new mockup - I'll sticky you the URL.

[lorax]

Justa,
There are more things than what you found wrong with the current version of that site. I've come to the concluson PHPNuke has to go! :)

[papabaer]

Trouble shooting time!

Are the underlined links the only variance you can discern?

Were the link styles recently added to an existing sheet?

Could it be a cache/server issue?

What , if any, possible cascade issues might be involved?

Is the entire style sheet being read?

Where in the style sheet are the anchor styles located?

<added>
just read your last post...
Interesting!
</added>

[lorax]

Hey PB,
I was wondering if you might be on.

Are the underlined links the only variance you can discern?

For me? Yes. Though my coworker uses Mozilla and all of the text is center justified - also not what I had intended. Links are underlined for him too. So again - I suspect a cascade issue.

Were the link styles recently added to an existing sheet?

I suspect a cascade issue. I was playing around trying to achieve the effect I wanted last night and only noticed this today at work. The style sheet has been built by my taking a stab at a base style and then tweaking the file. If you don't remember - I'm still a neophyte with CSS. :)

Could it be a cache/server issue?

I doubt it's a server issue - the problem has only been noticed from my work PC (not proxied or firewalled). When I came home I immediately checked again after clearing my cache just to see if it was a cache issue here. I still see the links without underlines.

What , if any, possible cascade issues might be involved?

Could be any number of them but if the cascade issue exists on one computer with the exact same browsers why doesn't it exist on the other? All 3 browsers at home show no underlines and all 3 at work show underlines.

Is the entire style sheet being read?

I believe so - but I'm not sure since I haven't cleaned it up. See below - such as it is.

Where in the style sheet are the anchor styles located?

body {
background-color: White;
}
td {
font-family: Arial, Helvetica, sans-serif;
color: #333333;
background-color: transparent;
padding-bottom: 10px;
}
p, dd, li {
font-size: 13px;
}
h4,dt {
color: #D69A0B;
background-color: transparent;
}
h5 {
color: #2E628B;
background-color: transparent;
margin-bottom: 0px;
padding-top: 0px;
}
.rcol1 {
width: 160px;
}
.rcol2 {
margin-left: 10px;
}
.nav {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
height: 16px;
text-align: center;
padding-top: 4px;
padding-bottom: 4px;
vertical-align: middle;
margin-bottom: 12px;
border-bottom: 1px solid black;
border-left: 1px solid black;
border-right: 1px solid black;
}
.lnav {
font-family: Arial, Helvetica, sans-serif;
color: #333333;
background-color: transparent;
font-size: 11px;
padding-bottom: 8px;
border-left: 4px;
padding-left: 8px;
}
a:link, a:visited {
background-color: transparent;
color: #2965f4;
}
a:hover {
background-color: transparent;
color: #D69A0B;
text-decoration: underline;
}
.header {
background-color: #ADD60B;
padding: 0px;
margin: 0px;
border: 1px black solid;
}
#foot {
font-family: Arial, Helvetica, sans-serif;
color: #333333;
background-color: #ADD60B;
border: 1px black solid;
font-size: 10px;
text-align: center;
vertical-align: middle;
height: 14px;
}
#full {
text-align: center;
}
.content {
margin-left: 16px;
padding-bottom: 8px;
}
.players {
background-color: transparent;
font-size: 12px;
font-weight: bold;
color: #819F0B;
vertical-align: middle;
height: 18px;
padding-left: 4px;
border: 1px solid gray;
}
.mreports {
background-color: transparent;
font-size: 12px;
font-weight: bold;
color: #0B359F;
vertical-align: middle;
height: 18px;
padding-left: 4px;
border: 1px solid gray;
}
.freports {
background-color: transparent;
font-size: 12px;
font-weight: bold;
color: #9F730B;
vertical-align: middle;
height: 18px;
padding-left: 4px;
border: 1px solid gray;
}
.emma {
background-color: transparent;
font-size: 12px;
font-weight: bold;
color: #9F290B;
vertical-align: middle;
height: 18px;
padding-left: 4px;
border: 1px solid gray;
}
.search {
background-color: transparent;
font-size: 12px;
font-weight: bold;
color: #720B9F;
vertical-align: middle;
height: 18px;
padding-left: 4px;
border: 1px solid gray;
}
.gossip {
background-color: transparent;
font-size: 12px;
font-weight: bold;
color: #0B9F2A;
vertical-align: middle;
height: 18px;
padding-left: 4px;
border: 1px solid gray;
}
.oldnews {
background-color: transparent;
font-size: 12px;
font-weight: bold;
color: #D69A0B;
vertical-align: middle;
height: 18px;
padding-left: 4px;
border: 1px solid gray;
}

[justa]

I'm only just starting to get into the whole css thing, but one thing I noticed was the way you called your style sheet.

You currently use this......
<style type="text/css">
@import "fgs.css";
</style>

Where as I use this when calling mine.....

<style type="text/css" media="all">@import url(fgs.css);</style>

If this isn't the problem, can someone explain why these two methods can be used and when to use them?

<added>

You might also want to specify text-decoration for each link sate.

a {
color:#69C;
background-color: transparent;
text-decoration:none;
font-family: arial, verdana, helvetica, sans-serif;
}
a:link {color:#69C;}
a:visited {color:#69C;}
a:hover {color:#369;
text-decoration: underline;}
</added>

[lorax]

Good point justa,
I probably didn't think to add that since they didn't show up when I viewed the page from home. Which, now that I'm thinking about it - really intrigues me. This underline thing is really acting like it's a file reference issue.

Anyway - I'm off to catch some Zzzs. Back tomorrow. Thanks all.
G.