homepage Welcome to WebmasterWorld Guest from 54.242.241.20
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member

Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderators: not2easy

CSS Forum

    
css - now you see it now you don't
lorax

WebmasterWorld Administrator lorax us a WebmasterWorld Top Contributor of All Time 10+ Year Member



 
Msg#: 251 posted 12:24 am on Jul 30, 2002 (gmt 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??

 

SmallTime

10+ Year Member



 
Msg#: 251 posted 1:19 am on Jul 30, 2002 (gmt 0)

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

keyplyr

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



 
Msg#: 251 posted 1:28 am on Jul 30, 2002 (gmt 0)

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

10+ Year Member



 
Msg#: 251 posted 1:48 am on Jul 30, 2002 (gmt 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;

lorax

WebmasterWorld Administrator lorax us a WebmasterWorld Top Contributor of All Time 10+ Year Member



 
Msg#: 251 posted 1:51 am on Jul 30, 2002 (gmt 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.

lorax

WebmasterWorld Administrator lorax us a WebmasterWorld Top Contributor of All Time 10+ Year Member



 
Msg#: 251 posted 1:54 am on Jul 30, 2002 (gmt 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! :)

papabaer

WebmasterWorld Senior Member 10+ Year Member



 
Msg#: 251 posted 1:57 am on Jul 30, 2002 (gmt 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>

lorax

WebmasterWorld Administrator lorax us a WebmasterWorld Top Contributor of All Time 10+ Year Member



 
Msg#: 251 posted 2:05 am on Jul 30, 2002 (gmt 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;
}

justa

10+ Year Member



 
Msg#: 251 posted 2:20 am on Jul 30, 2002 (gmt 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>

lorax

WebmasterWorld Administrator lorax us a WebmasterWorld Top Contributor of All Time 10+ Year Member



 
Msg#: 251 posted 2:30 am on Jul 30, 2002 (gmt 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.

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / CSS
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved