| SitePoint Sponsor |
|
|
User Tag List
Results 1 to 1 of 1
-
Jan 6, 2004, 11:34 #1SitePoint Member
- Join Date
- Jan 2004
- Location
- Colorado
- Posts
- 5
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
Tables refrencing as layers = bad.
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?Last edited by Kelix; Jan 6, 2004 at 20:14.
Bookmarks