Tables refrencing as layers = bad.

**Kelix** · Jan 6, 2004, 11:34

Alright, i supposably fixed the code and actually used CSS to do the layers, but they are still breaking in other browsers. Can anyone help?
-.-;;;;

Heres the source, See what you can do:

Code:

<html>
<head>
<title>Anime Online Hosting</title>
<meta http-equiv="Content-Type" content=
"text/html; charset=iso-8859-1">
<style type="text/css">
TD {
  FONT: 10pt Verdana, Geneva, Arial, Helvetica, sans-serif; MARGIN-LEFT: 1px; COLOR: black; MARGIN-RIGHT: 1px
}
BODY {
  FONT: 10pt Verdana, Geneva, Arial, Helvetica, sans-serif; MARGIN-LEFT: 1px; COLOR: black; MARGIN-RIGHT: 1px
}
A.menu A {
  FONT: 8pt Verdana, Geneva, Arial, Helvetica, sans-serif; COLOR: #999999; TEXT-DECORATION: none
}
A.menu A:hover {
  FONT: 8pt Verdana, Geneva, Arial, Helvetica, sans-serif; COLOR: black; TEXT-DECORATION: none
}
A {
  FONT: 10pt Verdana, Geneva, Arial, Helvetica, sans-serif; COLOR: black; TEXT-DECORATION: none
}
A:hover {
  FONT: 10pt Verdana, Geneva, Arial, Helvetica, sans-serif; COLOR: black; TEXT-DECORATION: underline
}
</style>

<meta content="MSHTML 6.00.2734.1600" name="GENERATOR">
<style type="text/css">
 div.c7 {text-align: center}
 table.c6 {position:absolute; left:74px; top:78px; width:147px; height:0px; z-index:5}
 table.c5 {position:absolute; left:615px; top:15px; width:150px; height:26px; z-index:4}
 table.c4 {position:absolute; left:33px; top:15px; width:750px; height:26px; z-index:3}
 a.c3 {color: #E8E8E8}
 table.c2 {position:absolute; left:195px; top:155px; width:551px; height:238px; z-index:2}
 table.c1 {position:absolute; left:24px; top:180px; width:155px; height:224px; z-index:1}
</style>
</head>
<body bgcolor="#000000">
<table id="Layer1" class="c1" cellspacing="0" cellpadding="0"
border="0">
<tr><!-- Row 1 -->
<td></td>
</tr>
</table>

<table id="Layer2" class="c2" cellspacing="0" cellpadding="0"
border="0">
<tr><!-- Row 1 -->
<td><IFRAME src="http://24.9.192.9:81/AOH/updates.htm" width=545 height=225 
name=window style="border:0" solid="E8E8E8" frameborder="0"></IFRAME></td>
</tr>
</table>

<table id="Layer3" class="c4" cellspacing="0" cellpadding="0"
border="0">
<tr><!-- Row 1 -->
<td><a href="http://24.9.192.9:81/AOH/updates.htm" target=
"window" class="c3">.: Main :.</a> <a href= 
"http://24.9.192.9:81/AOH/offers.htm" target="window" class="c3">
.: Offers :.</a> <a href="http://24.9.192.9:81/AOH/servicing.htm"
target="window" class="c3">.: Servicing :.</a> <a href= 
"http://24.9.192.9:81/AOH/services.htm" target="window" class=
"c3">.: Services :.</a> <a href= 
"http://24.9.192.9:81/AOH/requirements.htm" target="window"
class="c3">.: Requirements :.</a> <a href= 
"http://24.9.192.9:81/AOH/contact.htm" target="window" class=
"c3">.: Contact :.</a></td>
</tr>
</table>

<table id="Layer4" class="c5" cellspacing="0" cellpadding="0"
border="0">
<tr><!-- Row 1 -->
<td><a href="http://www.shortURL.com" class="c3" target="Parent_">.: ShortURL.com
:.</a></td>
</tr>
</table>

<table id="Layer5" class="c6" 53="" cellspacing="0" cellpadding=
"0" border="0">
<tr><!-- Row 1 -->
<td><IFRAME src="http://24.9.192.9:81/AOH/users.htm" width=149 height=20 
name=window style="border:0" solid="E8E8E8" frameborder="0"></IFRAME></td>
</tr>
</table>

<div class="c7">
<table cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr><!-- Row 1 -->
<td align="middle"><img height="87" alt="" src= 
"http://24.9.192.9:81/AOH/aohtop.gif" width="750"></td>
</tr>
</tbody>
</table>
</div>

<div class="c7">
<table cellspacing="0" cellpadding="0" bgcolor="#fffff9" border=
"0">
<tbody>
<tr><!-- Row 1 -->
<td align="middle"><img height="313" alt="" src= 
"http://24.9.192.9:81/AOH/aohbl.gif" width="398"></td>
<td align="middle"><img height="313" alt="" src= 
"http://24.9.192.9:81/AOH/aohbr.gif" width="352"></td>
</tr>
</tbody>
</table>
</div>
</body>
</html>

Can someone help me out?

User Tag List

Thread: Tables refrencing as layers = bad.

Thread Tools

Display

Tables refrencing as layers = bad.

Bookmarks

Bookmarks

Posting Permissions