Tux
March 30th, 2009, 01:37 PM
Well I figure this should be the right part of the forum since the last I was aware coding is definitely associated with tech. Anyway, I’m messing around with a website of mine, currently it’s stored on my hard drive as an HTML file. Displays perfectly fine in IE, but for some reason when I open it with Firefox it seems to completely ignore any CSS, DHTML and the alt property of the IMG HTML tag.
I’ll go ahead and provide the code both the HTML of the webpage and my CSS in case anyone might be able to figure it out from that since it rather has me stumped.
Webpage HMTL:
<html>
<link rel="stylesheet" href="Layout.css" type="text/css"/>
<head>
<title>Tux's Corner</title>
</head>
<body bgcolor="#000000">
<table border= "0">
<tr>
<td align="left" width="35%">
<a href="MTSs.html"><img src="MST_Button.jpg" alt="MST Link" border="0"></a>
<br>
<a href="Stories.html"><img src="Story_Button.jpg" alt="Story Link" border="0"></a>
</td>
<td>
<font color="#FFAAAA">
<font face="Tahoma">
<img src="Love_&_Peace.gif" alt="Love & Peace Bitches!">
<hr>
<center><img src="Tux_Banner.jpg" alt="Tux's Corner"></center>
<br>
<center><img src="Subtitle.jpg" alt="Insanity's Little Angel"></center>
<br>
<br>
<br>
<span class="bodytext">
<span class="dropcap">H</span>ello dear viewer.
<script type="text/javascript">
<!--
var date=new Date();
document.write("The current date and time is: " + date + ". ");
//-->
</script>
<br>
<br>
<center>
<font size=-1>
<font color="#00AA00"><span class="glow">Webpage presented by: Tux</span></font>
</center>
</font>
</span>
</font>
</font>
</tr>
</td>
</table>
</body>
</html>
CSS:
.dropcap {
font: 200%;
float: upper-left;
}
.bodytext {
font-variant: "small-caps";
line-height: 1.0;
font-size: "10pt";
}
.glow {
width:100%;
filter:glow(color=Green, strength=5);
}
I’ll go ahead and provide the code both the HTML of the webpage and my CSS in case anyone might be able to figure it out from that since it rather has me stumped.
Webpage HMTL:
<html>
<link rel="stylesheet" href="Layout.css" type="text/css"/>
<head>
<title>Tux's Corner</title>
</head>
<body bgcolor="#000000">
<table border= "0">
<tr>
<td align="left" width="35%">
<a href="MTSs.html"><img src="MST_Button.jpg" alt="MST Link" border="0"></a>
<br>
<a href="Stories.html"><img src="Story_Button.jpg" alt="Story Link" border="0"></a>
</td>
<td>
<font color="#FFAAAA">
<font face="Tahoma">
<img src="Love_&_Peace.gif" alt="Love & Peace Bitches!">
<hr>
<center><img src="Tux_Banner.jpg" alt="Tux's Corner"></center>
<br>
<center><img src="Subtitle.jpg" alt="Insanity's Little Angel"></center>
<br>
<br>
<br>
<span class="bodytext">
<span class="dropcap">H</span>ello dear viewer.
<script type="text/javascript">
<!--
var date=new Date();
document.write("The current date and time is: " + date + ". ");
//-->
</script>
<br>
<br>
<center>
<font size=-1>
<font color="#00AA00"><span class="glow">Webpage presented by: Tux</span></font>
</center>
</font>
</span>
</font>
</font>
</tr>
</td>
</table>
</body>
</html>
CSS:
.dropcap {
font: 200%;
float: upper-left;
}
.bodytext {
font-variant: "small-caps";
line-height: 1.0;
font-size: "10pt";
}
.glow {
width:100%;
filter:glow(color=Green, strength=5);
}