Welcome to WebmasterWorld Guest from 54.225.20.73

Forum Moderators: not2easy

Message Too Old, No Replies

css - now you see it now you don't

     
12:24 am on Jul 30, 2002 (gmt 0)

Senior Member from US 

WebmasterWorld Senior Member lorax is a WebmasterWorld Top Contributor of All Time 10+ Year Member Top Contributors Of The Month

joined:Mar 31, 2002
posts:7575
votes: 0


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??

1:19 am on July 30, 2002 (gmt 0)

Preferred Member

10+ Year Member

joined:Sept 20, 2001
posts:478
votes: 0


You have cleared cache's, checked that "underline links" is not set in preferences, etc. I trust?
1:28 am on July 30, 2002 (gmt 0)

Moderator from US 

WebmasterWorld Administrator keyplyr is a WebmasterWorld Top Contributor of All Time 10+ Year Member Top Contributors Of The Month

joined:Sept 26, 2001
posts:9876
votes: 515


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.)

1:48 am on July 30, 2002 (gmt 0)

Full Member from GB 

10+ Year Member

joined:Oct 16, 2001
posts:201
votes: 0


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;

1:51 am on July 30, 2002 (gmt 0)

Senior Member from US 

WebmasterWorld Senior Member lorax is a WebmasterWorld Top Contributor of All Time 10+ Year Member Top Contributors Of The Month

joined:Mar 31, 2002
posts:7575
votes: 0


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.

1:54 am on July 30, 2002 (gmt 0)

Senior Member from US 

WebmasterWorld Senior Member lorax is a WebmasterWorld Top Contributor of All Time 10+ Year Member Top Contributors Of The Month

joined:Mar 31, 2002
posts:7575
votes: 0


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! :)
1:57 am on July 30, 2002 (gmt 0)

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:Dec 31, 2001
posts:1238
votes: 0


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>

2:05 am on July 30, 2002 (gmt 0)

Senior Member from US 

WebmasterWorld Senior Member lorax is a WebmasterWorld Top Contributor of All Time 10+ Year Member Top Contributors Of The Month

joined:Mar 31, 2002
posts:7575
votes: 0


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;
}

2:20 am on July 30, 2002 (gmt 0)

Full Member from GB 

10+ Year Member

joined:Oct 16, 2001
posts:201
votes: 0


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>

2:30 am on July 30, 2002 (gmt 0)

Senior Member from US 

WebmasterWorld Senior Member lorax is a WebmasterWorld Top Contributor of All Time 10+ Year Member Top Contributors Of The Month

joined:Mar 31, 2002
posts:7575
votes: 0


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.

 

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week

Featured Threads

Free SEO Tools

Hire Expert Members