SitePoint Sponsor

User Tag List

Results 1 to 1 of 1
  1. #1
    SitePoint 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 21:14.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •