Welcome to WebmasterWorld Guest from 54.205.20.160

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)

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



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 Jul 30, 2002 (gmt 0)

10+ Year Member



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

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



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 Jul 30, 2002 (gmt 0)

10+ Year Member



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 Jul 30, 2002 (gmt 0)

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



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 Jul 30, 2002 (gmt 0)

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



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 Jul 30, 2002 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



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 Jul 30, 2002 (gmt 0)

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



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 Jul 30, 2002 (gmt 0)

10+ Year Member



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 Jul 30, 2002 (gmt 0)

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



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.

 

Featured Threads

Hot Threads This Week

Hot Threads This Month