PDA

Click to See Complete Forum and Search --> : Problem with stylesheet in IE version 6.0.2900.2180 win XP

digital_storm
02-08-2005, 04:41 AM
Hello

I have a strange problem, I have made a webbpage for a company and it looks good in IE, Safari NE (PC win XP) and for mac for me.
Im using an external stylesheet. The company that has ordered the page are having IE version 6.0.2900.2180 and the size of the text arent correct according them it seems like the stylesheet doesn't work correctly and I really dont know why?

The part of the stylesheet that doesn't work looks like:
--------------------------stylesheet--------------------------------
a {
font-size:10pt;
font-family:Verdana,Arial;
font-weight: normal;
padding: 0;
}


a.top:link {color:#ffffff;text-decoration:none; font-size:7pt;}
a.top:visited {color: #ffffff;text-decoration:none; font-size:7pt;}
a.top:hover {color: #ffffff; font-weight:normal; text-decoration:underline;}
a.top:active {color: #ffffff;}
---------------------------------------------------------------------

--------------------------html---------------------------------------
in the html i do <a class="top" href...>
-------------------------------------------------------------------

I really dont know what can be wrong?

Thanks for helping me!

/D_S
Fang
02-08-2005, 05:43 AM
a:link.top { ...
The pseudo-classes can only be applied to the anchor in IE (unless you apply a fix)
digital_storm
02-08-2005, 09:32 AM
I'm not sure what you are meaning....before I have used

a.one:link {color:#ffffff;text-decoration:none; font-size:8pt;}
a.one:visited {color: #ffffff;text-decoration:none;}
a.one:hover {color: #ffffff; font-weight:normal; text-decoration:underline;}
a.one:active {color: #ffffff;}

and just made a <a class="one" href...> and that has been working perfectly(?)

What should I do then if I want this particular link to have a different look?

Thanks for your help

/D_S


Originally posted by Fang
a:link.top { ...
The pseudo-classes can only be applied to the anchor in IE (unless you apply a fix)
Fang
02-08-2005, 10:16 AM
A case of Link Specificity (http://www.meyerweb.com/eric/css/link-specificity.html) ?

Remove the pseudo-class :link and/or add:
a.top {color:#ffffff;text-decoration:none; font-size:7pt;}
This will override the a{...} rule for the class top
digital_storm
02-08-2005, 01:41 PM
Hello

Thanks, I'll try that...

A question about pseudo-class... when should I use that then?

Thanks for helping me.

/Mattias
Fang
02-08-2005, 01:57 PM
Only anchor, first-letter and first-line pseudo-classes are supported in IE; unless you add a fix (http://www.vladdy.net/Demos/iepseudoclassesfix.html)

Some tests here (http://www.geocities.com/glazou_2000/css3-modsel-tests/index.htm) give an indication of support for pseudo-class/element,
many of which are as yet unsupported.

Their use is generally limited to anchors.
digital_storm
02-08-2005, 03:54 PM
ok...thanks again!

/D_S
digital_storm
02-08-2005, 05:20 PM
Hello again

I have substituted my pseudo-class with

a.topp {color:#ffffff;text-decoration:none; font-size:7pt;}

and make <a class="topp"...>

but the link gets a blue color ?

I have declared in my <body> tag that visited links should have a white color so it cant be that either.
I have no other stylesheet that uses "topp" so this is getting even more strange.

For me it seems like a really simple problem but... I cant solve it and its driving me nuts.

What am I doing wrong?

Thanks!

/D_S
Fang
02-09-2005, 06:26 AM
I have declared in my <body> tag that visited links should have a white color so it cant be that either.
The body tag should be empty <body>, with no attributes!
digital_storm
02-09-2005, 07:54 AM
I have tried that but that didn't work....
Fang
02-09-2005, 08:42 AM
Do you have a link to the page?
digital_storm
02-09-2005, 12:27 PM
Hello

Link: www.dtk.se/IT

Thanks for helping me....

/D_S
Originally posted by Fang
Do you have a link to the page?
Fang
02-09-2005, 02:00 PM
hem3.htm problems:
Invalid DTD use one of these: http://www.w3.org/QA/2002/04/valid-dtd-list.html
JavaScripts should be written (type !):
<script type="text/javascript" src="content-path.js"></script>
css is in the <body>, must be in the <head>
<span class="imatrixblack"> change all characters to entities in this span

IT-avdelningent.htm problems:
language="JavaScript" not valid in <script>, remove it
<body> element not allowed in frameset document

Validate your html (http://validator.w3.org/check?verbose=1&uri=http%3A//www.dtk.se/IT/hem3.htm)

Validate your CSS (http://jigsaw.w3.org/css-validator/validator?profile=css2&warning=2&uri=http%3A//www.dtk.se/IT/my.css) ignore the errors in body .normal .transparent

You really need to sort all these problems out before looking at the anchor css