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_Sa:link.top { ...
The pseudo-classes can only be applied to the anchor in IE (unless you apply a fix)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)A case of Link Specificity (<!-- m --><a class="postlink" href="http://www.meyerweb.com/eric/css/link-specificity.html">http://www.meyerweb.com/eric/css/link-specificity.html</a><!-- m -->) ?
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 topHello
Thanks, I'll try that...
A question about pseudo-class... when should I use that then?
Thanks for helping me.
/MattiasOnly anchor, first-letter and first-line pseudo-classes are supported in IE; unless you add a fix (<!-- m --><a class="postlink" href="http://www.vladdy.net/Demos/iepseudoclassesfix.html">http://www.vladdy.net/Demos/iepseudoclassesfix.html</a><!-- m -->)
Some tests here (<!-- m --><a class="postlink" href="http://www.geocities.com/glazou_2000/css3-modsel-tests/index.htm">http://www.geocities.com/glazou_2000/cs ... /index.htm</a><!-- m -->) give an indication of support for pseudo-class/element,
many of which are as yet unsupported.
Their use is generally limited to anchors.ok...thanks again!
/D_SHello 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_SI 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!I have tried that but that didn't work....Do you have a link to the page?Hello
Link: <!-- w --><a class="postlink" href="http://www.dtk.se/IT">www.dtk.se/IT</a><!-- w -->
Thanks for helping me....
/D_S
Originally posted by Fang
Do you have a link to the page?hem3.htm problems:
Invalid DTD use one of these: <!-- m --><a class="postlink" href="http://www.w3.org/QA/2002/04/valid-dtd-list.html">http://www.w3.org/QA/2002/04/valid-dtd-list.html</a><!-- m -->
JavaScripts should be written (type !):
<script type="text/javascript" src=http://www.webdeveloper.com/forum/archive/index.php/"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 (<!-- m --><a class="postlink" href="http://validator.w3.org/check?verbose=1&uri=http%3A//www.dtk.se/IT/hem3.htm">http://validator.w3.org/check?verbose=1 ... T/hem3.htm</a><!-- m -->)
Validate your CSS (<!-- m --><a class="postlink" href="http://jigsaw.w3.org/css-validator/validator?profile=css2&warning=2&uri=http%3A//www.dtk.se/IT/my.css">http://jigsaw.w3.org/css-validator/vali ... /IT/my.css</a><!-- m -->) ignore the errors in body .normal .transparent
You really need to sort all these problems out before looking at the anchor css
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_Sa:link.top { ...
The pseudo-classes can only be applied to the anchor in IE (unless you apply a fix)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)A case of Link Specificity (<!-- m --><a class="postlink" href="http://www.meyerweb.com/eric/css/link-specificity.html">http://www.meyerweb.com/eric/css/link-specificity.html</a><!-- m -->) ?
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 topHello
Thanks, I'll try that...
A question about pseudo-class... when should I use that then?
Thanks for helping me.
/MattiasOnly anchor, first-letter and first-line pseudo-classes are supported in IE; unless you add a fix (<!-- m --><a class="postlink" href="http://www.vladdy.net/Demos/iepseudoclassesfix.html">http://www.vladdy.net/Demos/iepseudoclassesfix.html</a><!-- m -->)
Some tests here (<!-- m --><a class="postlink" href="http://www.geocities.com/glazou_2000/css3-modsel-tests/index.htm">http://www.geocities.com/glazou_2000/cs ... /index.htm</a><!-- m -->) give an indication of support for pseudo-class/element,
many of which are as yet unsupported.
Their use is generally limited to anchors.ok...thanks again!
/D_SHello 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_SI 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!I have tried that but that didn't work....Do you have a link to the page?Hello
Link: <!-- w --><a class="postlink" href="http://www.dtk.se/IT">www.dtk.se/IT</a><!-- w -->
Thanks for helping me....
/D_S
Originally posted by Fang
Do you have a link to the page?hem3.htm problems:
Invalid DTD use one of these: <!-- m --><a class="postlink" href="http://www.w3.org/QA/2002/04/valid-dtd-list.html">http://www.w3.org/QA/2002/04/valid-dtd-list.html</a><!-- m -->
JavaScripts should be written (type !):
<script type="text/javascript" src=http://www.webdeveloper.com/forum/archive/index.php/"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 (<!-- m --><a class="postlink" href="http://validator.w3.org/check?verbose=1&uri=http%3A//www.dtk.se/IT/hem3.htm">http://validator.w3.org/check?verbose=1 ... T/hem3.htm</a><!-- m -->)
Validate your CSS (<!-- m --><a class="postlink" href="http://jigsaw.w3.org/css-validator/validator?profile=css2&warning=2&uri=http%3A//www.dtk.se/IT/my.css">http://jigsaw.w3.org/css-validator/vali ... /IT/my.css</a><!-- m -->) ignore the errors in body .normal .transparent
You really need to sort all these problems out before looking at the anchor css