This is the style code in the html file:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/transitional.dtd">
<html>
<head>
<style type="text/css">
h1,h2,h3,h4,h5,h6 {
font-family: geneva, helvetica, arial, sans-serif;
font-weight: bold
}
a:link {
color: green;
font-size: 18pt;
font-family: geneva, helvetica, arial, sans-serif;
font-weight: bold;
text-decoration:none
}
a:visited {
color: green;
font-size: 18pt;
font-family: geneva, helvetica, arial, sans-serif;
font-weight: bold;
text-decoration: none
}
a:hover {
color: green;
font-size: 18pt;
font-family: geneva, helvetica, arial, sans-serif;
font-weight: bold;
text-decoration:underline
}
p {
font-family: geneva, helvetica, arial, sans-serif;
font-size: 8pt;
text-align:center
}
</style>
</head>
<body>
<div style="text-align:center"><a href=http://www.webdeveloper.com/forum/archive/index.php/"slideshow.swf">Flash File</a></div>
<p>
This link uses Flash file but viewed inside<br />
a browser window.
</p>
</body>
</html>
This is an edited copy/past of the file but reguardless, it doesn't work as it should. The style does not seem to be applied. It works on Mac's and Netscape but does not seem to work on IE. Any suggestions as to why.
*edited so that it is easier to read*could you try to put that on here more orginized like:
<style type="text/css">
<!--
.info {
font-weight:bold;
font-size:10pt;
color:#FF0000;
text-align: center;
background:#cccccc;
width:140px;
height:20px;
BORDER-BOTTOM: #666666 solid 0px;
BORDER-TOP: #666666 solid 0px;
BORDER-LEFT: #666666 solid 0px;
BORDER-RIGHT: #666666 solid 0px;
visible: true;
} -->
</style>
this should work. I think you are missing the . before the h[x] --> .h1,.h2 ...etc ??IE has so many bugs when it comes to CSS that you may have to apply to get it to work. Netscape 7.1 and Mozilla 1.4 have the best and most accurate CSS support.
Ie could have a bug caused by the doctype too.
You also have <br /> which is incorect for the doctype. It should be <br>.
No character encoding maybe? All this is really hard to tell not being able to see it all. Got a link or the whole code. Which part of the styles are not applying? ALL of it?
Which version of IE on which OS is also necessary. There are different bugs for each IE depending on the version of Windoze as well.
MNSIt could perhaps be because your p selector is after your anchor selectors, so it is overriding them? Other than that, your CSS is valid, and so I presume there must be an error in the HTML, or an IE browser bug. Posting a link to a complete file might help.
Shampie, a period is not necessary before heading selectors, because they refer to HTML elements instead of classes.
AdamThe <br /> is left over from when I had it as a XHTML file.
But I changed the DOCTYPE to simple HTML because I thought that was what was giving me the problems.
I originally had it as: (something along these line)
<p style="text-align:center"><a href=http://www.webdeveloper.com/forum/archive/index.php/"slideshow.swf">Flash File</a><br>
This link uses Flash file but viewed inside<br>
a browser window.
</p>
But not much difference.
I know the code is sound, I have run it through several validator, all come with nothing to report.
Usually I have a problem getting the code I do to work on Netscape or Mozilla, but it usually works beautifully on IE. So this time I was supprise to say the least. The reason why I post the thread is not really because it bugs me that it does work like it suppose to, because it does't look that bad. It is more of personal interest, because like I said it is usually Netscape and stuff that give me the problems. So I was wondering why now it is vise versa, and it is IE giving me the problems.Oh MotherNatrsSon I did answer your questions.
The font size specifically is not being applied. The font-family, weight, and text-align all work, but the size of the fonts does not vary between the two. The both the text and the link seem to be around 12pt rough guess.
And on PC:
OS-> Win98
IE-> 6
Netscape-> 7.1
On a Mac:
OS-> 9
IE-> 5
Safari-> ?
Did I forget anything???I do not get it. I am on a MAC so I can't see it or test it when it doesn't work. I need to update my VitualPC and reload Windoze onto my MAC
The only thing I came up with is this. I think it may work for you but you will have to check it out.
<!-- m --><a class="postlink" href="http://www.xs4all.nl/~ppk/css2tests/">http://www.xs4all.nl/~ppk/css2tests/</a><!-- m -->
The only other thing I could say is to give the <p> a class or id and see if that does anything for it. Seems you have found a unique bug. I cannot find anything on it after searchig through many links.
MNSOK, here is the basic file.
Webite (<!-- m --><a class="postlink" href="http://www.birkemusik.dk/test/test.html">http://www.birkemusik.dk/test/test.html</a><!-- m -->)
This is what it look like on a PC:
PC Version (<!-- m --><a class="postlink" href="http://www.birkemusik.dk/test/PCVersion.jpg">http://www.birkemusik.dk/test/PCVersion.jpg</a><!-- m -->)
This is what it look like on a Mac:
Mac Version (<!-- m --><a class="postlink" href="http://www.birkemusik.dk/test/MacVersion.jpg">http://www.birkemusik.dk/test/MacVersion.jpg</a><!-- m -->)
The Font sizes for both the Link (in green) and the text should be different sizes.It works fine for me in IE6...And the mysteries roll on...Where are those blasted kids with that dog when you need them.
It because, I also use IE6, but... WIN98. Pyro it looks as though you are on XP, am I wrong. I'll try it on Win2000 when I get to work.
This is real peculiar
Works fine on win98 and ie6...
Yes, I am on XP Home...Well at least this reassure what I always knew, I am going crazy. The rest of the world is normal, I am just crazy.
But that is ok, because it makes me unique.Originally posted by p2bc
But that is ok, because it makes me unique.
Remember this: you're unique--just like everyone else.
Oh, and I just had to mention that you made the perfect typo in your subject line. Eternal CSS... Hehe...
Sorry if this is off-topic, I just had to say the two above things.
I'm full of it tonight... I guess I'm just unique.
[J]ona
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/transitional.dtd">
<html>
<head>
<style type="text/css">
h1,h2,h3,h4,h5,h6 {
font-family: geneva, helvetica, arial, sans-serif;
font-weight: bold
}
a:link {
color: green;
font-size: 18pt;
font-family: geneva, helvetica, arial, sans-serif;
font-weight: bold;
text-decoration:none
}
a:visited {
color: green;
font-size: 18pt;
font-family: geneva, helvetica, arial, sans-serif;
font-weight: bold;
text-decoration: none
}
a:hover {
color: green;
font-size: 18pt;
font-family: geneva, helvetica, arial, sans-serif;
font-weight: bold;
text-decoration:underline
}
p {
font-family: geneva, helvetica, arial, sans-serif;
font-size: 8pt;
text-align:center
}
</style>
</head>
<body>
<div style="text-align:center"><a href=http://www.webdeveloper.com/forum/archive/index.php/"slideshow.swf">Flash File</a></div>
<p>
This link uses Flash file but viewed inside<br />
a browser window.
</p>
</body>
</html>
This is an edited copy/past of the file but reguardless, it doesn't work as it should. The style does not seem to be applied. It works on Mac's and Netscape but does not seem to work on IE. Any suggestions as to why.
*edited so that it is easier to read*could you try to put that on here more orginized like:
<style type="text/css">
<!--
.info {
font-weight:bold;
font-size:10pt;
color:#FF0000;
text-align: center;
background:#cccccc;
width:140px;
height:20px;
BORDER-BOTTOM: #666666 solid 0px;
BORDER-TOP: #666666 solid 0px;
BORDER-LEFT: #666666 solid 0px;
BORDER-RIGHT: #666666 solid 0px;
visible: true;
} -->
</style>
this should work. I think you are missing the . before the h[x] --> .h1,.h2 ...etc ??IE has so many bugs when it comes to CSS that you may have to apply to get it to work. Netscape 7.1 and Mozilla 1.4 have the best and most accurate CSS support.
Ie could have a bug caused by the doctype too.
You also have <br /> which is incorect for the doctype. It should be <br>.
No character encoding maybe? All this is really hard to tell not being able to see it all. Got a link or the whole code. Which part of the styles are not applying? ALL of it?
Which version of IE on which OS is also necessary. There are different bugs for each IE depending on the version of Windoze as well.
MNSIt could perhaps be because your p selector is after your anchor selectors, so it is overriding them? Other than that, your CSS is valid, and so I presume there must be an error in the HTML, or an IE browser bug. Posting a link to a complete file might help.
Shampie, a period is not necessary before heading selectors, because they refer to HTML elements instead of classes.
AdamThe <br /> is left over from when I had it as a XHTML file.
But I changed the DOCTYPE to simple HTML because I thought that was what was giving me the problems.
I originally had it as: (something along these line)
<p style="text-align:center"><a href=http://www.webdeveloper.com/forum/archive/index.php/"slideshow.swf">Flash File</a><br>
This link uses Flash file but viewed inside<br>
a browser window.
</p>
But not much difference.
I know the code is sound, I have run it through several validator, all come with nothing to report.
Usually I have a problem getting the code I do to work on Netscape or Mozilla, but it usually works beautifully on IE. So this time I was supprise to say the least. The reason why I post the thread is not really because it bugs me that it does work like it suppose to, because it does't look that bad. It is more of personal interest, because like I said it is usually Netscape and stuff that give me the problems. So I was wondering why now it is vise versa, and it is IE giving me the problems.Oh MotherNatrsSon I did answer your questions.
The font size specifically is not being applied. The font-family, weight, and text-align all work, but the size of the fonts does not vary between the two. The both the text and the link seem to be around 12pt rough guess.
And on PC:
OS-> Win98
IE-> 6
Netscape-> 7.1
On a Mac:
OS-> 9
IE-> 5
Safari-> ?
Did I forget anything???I do not get it. I am on a MAC so I can't see it or test it when it doesn't work. I need to update my VitualPC and reload Windoze onto my MAC
The only thing I came up with is this. I think it may work for you but you will have to check it out.
<!-- m --><a class="postlink" href="http://www.xs4all.nl/~ppk/css2tests/">http://www.xs4all.nl/~ppk/css2tests/</a><!-- m -->
The only other thing I could say is to give the <p> a class or id and see if that does anything for it. Seems you have found a unique bug. I cannot find anything on it after searchig through many links.
MNSOK, here is the basic file.
Webite (<!-- m --><a class="postlink" href="http://www.birkemusik.dk/test/test.html">http://www.birkemusik.dk/test/test.html</a><!-- m -->)
This is what it look like on a PC:
PC Version (<!-- m --><a class="postlink" href="http://www.birkemusik.dk/test/PCVersion.jpg">http://www.birkemusik.dk/test/PCVersion.jpg</a><!-- m -->)
This is what it look like on a Mac:
Mac Version (<!-- m --><a class="postlink" href="http://www.birkemusik.dk/test/MacVersion.jpg">http://www.birkemusik.dk/test/MacVersion.jpg</a><!-- m -->)
The Font sizes for both the Link (in green) and the text should be different sizes.It works fine for me in IE6...And the mysteries roll on...Where are those blasted kids with that dog when you need them.
It because, I also use IE6, but... WIN98. Pyro it looks as though you are on XP, am I wrong. I'll try it on Win2000 when I get to work.
This is real peculiar
Works fine on win98 and ie6...Yes, I am on XP Home...Well at least this reassure what I always knew, I am going crazy. The rest of the world is normal, I am just crazy. But that is ok, because it makes me unique.Originally posted by p2bc
But that is ok, because it makes me unique.
Remember this: you're unique--just like everyone else.
Oh, and I just had to mention that you made the perfect typo in your subject line. Eternal CSS... Hehe...
Sorry if this is off-topic, I just had to say the two above things.
I'm full of it tonight... I guess I'm just unique.[J]ona