Hia. My names Bartholomew Jay, I'm the co-designer for http://www.entropicdecay.com/ - a gaming clan.
I recently implimented a hover code on the navigation, that makes the background color of the table cell change when hovered on. Works FINE in Firefox. But surprise surprise, IE (v.7) has issues.
the page is at http://www.entropicdecay.com/indextest.php
Could anyone give any advice on what to do? I really hate IE, so i normaly wouldn't bother, but a few of our members are arrogent and still incist that it is better than FF, so i kinda have to have it looking good in all browsers.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="shortcut icon" href="favicon.ico" >
<title>Entropic Decay</title>
<style type="text/css">
<!--
body {
background-color: #000000;
background-image: url(images/top.gif);
background-repeat: repeat-x;
color: #FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}
a:link {
color: #FFFFFF;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #FFFFFF;
}
a:hover {
text-decoration: underline;
color: #FFFFFF;
}
a:active {
text-decoration: none;
color: #FFFFFF;
}.header {
cursor: crosshair;
filter: Xray;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
background-color: #000033;
background-repeat: repeat;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: none;
border-left-style: solid;
border-top-color: #000000;
border-right-color: #000000;
border-bottom-color: #000000;
border-left-color: #000000;
color: #FFFFFF;
}
.header:link {
cursor: crosshair;
filter: Xray;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
background-color: #000033;
background-repeat: repeat;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: none;
border-left-style: solid;
border-top-color: #000000;
border-right-color: #000000;
border-bottom-color: #000000;
border-left-color: #000000;
color: #FFFFFF;
}
.header:hover {
cursor: crosshair;
filter: Xray;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
background-color: #000099;
background-repeat: repeat;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: none;
border-left-style: solid;
border-top-color: #000000;
border-right-color: #000000;
border-bottom-color: #000000;
border-left-color: #000000;
color: #FFFFFF;
}
.whiteline {
background: url(images/whiteline.gif);
background-repeat:repeat-x;
}
.upline {background: url(images/lineup.png);
background-repeat:repeat-y;
}.styleside {
font-size:9px;
}
.style9 {color: #666666}
-->
</style>
<script type="text/javascript" language="javascript">
var sc_project=2291048;
var sc_invisible=1;
var sc_partition=21;
var sc_security="9ccd60ea";
var sc_text=2;
</script>
<script type="text/javascript" language="javascript" src="http://www.statcounter.com/counter/counter.js"></script><noscript><a href="http://www.statcounter.com/" target="_blank"><img src="http://c22.statcounter.com/counter.php?sc_project=2291048&java=0&security=9ccd60ea&invisible=1" alt="hit counter code" border="0"></a> </noscript>
</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table id="Table_01" width="100%" height="150" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="100%" height="150" background="images/top.gif"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<th width="200" align="left" valign="top" scope="col"><img src="images/logo.gif" width="200" height="150"></th>
<th width="482" align="left" valign="bottom" scope="col">
<table width="300" border="0" cellpadding="0" cellspacing="0">
<tr>
<th valign="top" class="ontop" scope="col"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<th width="20%" valign="top" scope="col"><table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0" class="header">
<tr>
<th scope="col"><div align="center"><a href="http://www.entropicdecay.com/index.php">Home</a></div></th>
</tr>
</table></th>
<th width="20%" valign="top" scope="col"><table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0" class="header">
<tr>
<th scope="col"><div align="center"><a href="about.php" target="content">About</a></div></th>
</tr>
</table></th>
<th width="20%" valign="top" scope="col"><table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0" class="header">
<tr>
<th width="100%" height="100%" scope="col"><div align="center"><a href="http://www.entropicdecay.com/forums/">Forums</a></div></th>
</tr>
</table></th>
</tr>
</table></th>
</tr>
</table>
</th>
<th align="right" valign="top" scope="col"><img src="images/entropicdecay.gif" width="162" height="20"></th>
</tr>
</table></td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<th height="1" width="100%" class="whiteline" bgcolor="#FFFFFF" scope="col"></th>
</tr>
</table>
<table id="Table_01" width="802" height="488" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="100%" rowspan="3" valign="top" background="images/menubg.gif" bgcolor="#000000" class="styleside">
<table width="196"><tr><td width="98"><center><font size="1"><a href="http://www.entropicdecay.com">Portal</a></center></td><td width="98"><center><font size="1"><a href="memberlist.php" target="content">Memberlist</a></td></table>
<table width="196"><tr><td width="98"><center><font size="1"><a href="games.php" target="content">Games</a></center></td><td width="98"><center><font size="1"><a href="downloads.php" target="content">Downloads</a></center></td></table>
<br><br><font size="1"><font size="1">
<br><br><br><br><br><Br><br><br><br>
<br><br><br>
<br>
<br><br><br><br>
<?PHP
include("http://entropicdecay.com/forums/online.php");
?>
<br>
</font></font>
</td>
<td width="200" rowspan="3" valign="top" bgcolor="#666666"></td>
<td rowspan="3" bgcolor="#FFFFFF"><img src="images/op_02.gif" width="1" height="488" alt=""></td>
<td><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="601" height="201">
<param name="movie" value="flash(3).swf">
<param name="quality" value="high">
<embed src="flash(3).swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="601" height="201"></embed>
</object></td>
<td width="1" valign="top" bgcolor="#FFFFFF" class="upline"><img src="images/lineup.png" width="1" height="201"></td>
</tr>
<tr>
<td bgcolor="#FFFFFF"><img src="images/op_04.gif" width="601" height="1" alt=""></td>
<td bgcolor="#FFFFFF"></td>
</tr>
<tr>
<td height="386" valign="top" background="images/op_05.gif" bgcolor="#333333" class="style3"><iframe name="content" src="http://www.entropicdecay.com/shush.php" scrolling="auto" frameBorder="0" height="386" width="600"></iframe></td>
<td width="1" valign="top" background="images/op_05.gif" bgcolor="#FFFFFF" class="upline"><img src="images/lineup.png" width="1" height="100%"></td>
</tr>
</table>
<table width="200" border="0" cellspacing="0" cellpadding="0">
<tr>
<th scope="col"><img src="images/line.gif" width="802" height="1"></th>
</tr>
</table>
<font color="#666666">© 2007 <a href="http://www.eranix.com/">Eranix</a> and <a href="http://www.bartholomewdark.com/">bartholomewdark</a></font>
</body>
</html> |
Last edited on Fri Feb 23rd, 2007 08:59 am by bartholomewdark
|
