• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Table Layout - Problem mit Table-background

Status
Für weitere Antworten geschlossen.

Vampi

Neues Mitglied
Huhu ihr!

Ich sitze momentan wieder an einem Table-Layout und eigentlich
habe ich es auch komplett fertig, nur dadurch dass ich nun ein
'Dropdown-Menü' mit integriert habe spinnt das Table Layout.
Der Fehler ist hier wohl gut zu erkennen (man beachte das Menü)
86r89pk.jpg


Seit Stunden probier ich schon rum, krieg den Fehler aber einfach
nicht in den Griff. Ich hoffe jemand von euch weiß wo der Fehler liegt.

Hier einmal der Code dazu.
(Lang, ich weiß ^^"
den CSS-Code oben werd ich wohl noch in eine
Extra-Datei packen, mal schauen.)

Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
 <html>
  <head>
   <script language=JavaScript>
   <!--
   var message="";
   ///////////////////////////////////
   function clickIE() {if (document.all) {(message);return false;}}
   function clickNS(e) {if 
   (document.layers||(document.getElementById&&!document.all)) {
   if (e.which==2||e.which==3) {(message);return false;}}}
   if (document.layers) 
   {document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
   else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
   
   document.oncontextmenu=new Function("return false")
   // --> 
   </script>
   <title>
   -
   </title>
   <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  </head>
  
<body bgcolor="#FFFFFF">

<style type="text/css">    
    .headermenulist ul,.headermenulist li {
        display:block;
        list-style:none;
        margin:0;
        padding:0;
        height:auto;
    }

    .headermenulist ul{
    height:40px;
    font-size:13px;
    padding:0px;
    margin:10px;
    display:block;
    }
        .headermenulist ul ul {
            top: -50px;
            left:135px;
            width:75px;
            background-color:#FFFFFF;
            border:1px solid;
            border-color:#000000;
            font-family:Arial;
            font-size:10px;
            text-align:center;
            position:absolute;
            display:none;
            height:auto;
                }

        .headermenulist ul li:hover {
        }

        .headermenulist li:hover ul ul {
            display:none;
        }

        .headermenulist li:hover ul, 
        .headermenulist li:hover li:hover ul {
            display:block;
        }

    .headermenulist li {
        position:relative;
    }

    .headermenulist li a {
        color: #000000;
        text-decoration:none;
    }


a.dropdown, a.dropdown:link, a.dropdown:visited, a.dropdown:active {
    color: #A864A88;
}

a.dropdown:hover {
    color: #FFFFFF;
    background-color:#000000;
}

a.reg, a.reg:link, a.reg:visited, a.reg:active {
    color: #000000;
}

a.reg:hover {
    color: #000000;
}

</style>

<br><br><br><br>

<table width="100%" border="0" align="left" cellpadding="0" cellspacing="0">
 <tr>
  <td>
   <table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
     <td width="250" valign="top">
      <table width="100%" border="0" cellpadding="0" cellspacing="0">
       <img src="11.jpg"><tr>
        <td>        
         <table width="100%" border="0" align="right" cellpadding="0" cellspacing="0">
          <tr>
           <td>
            <table width="250" border="0" align="right" cellpadding="0" cellspacing="0">
             <tr>
              <td background="2.jpg">
               <tr class="headermenulist">
                <td class="headermenulist" align="center" background="2.jpg" width="250">
                 <ul>
          <li>Home
                   <ul>
                   <li><a class="dropdown" target="_blank" href="">~</a></li>
                   <li><a class="dropdown" target="_blank" href="">~</a></li>
           <li><a class="dropdown" target="_blank" href="">~</a></li>
           <li><a class="dropdown" target="_blank" href="">~</a></li>
                   </ul>
                  </li>
               <li>Sonstiges
                   <ul>
           <li><a class="dropdown" target="_blank" href="">~</a></li>
                   <li><a class="dropdown" target="_blank" href="">~</a></li>
           <li><a class="dropdown" target="_blank" href="">~</a></li>
           <li><a class="dropdown" target="_blank" href="">~</a></li>
                   </ul>
          </li>
                 </ul>
                </td>
               </tr>
              </td>
             </tr>
            </table>
           </td>
          </tr>
          <tr background="33.jpg">
           <td background="33.jpg">
            <table width="250" height="25" border="0" align="right" cellpadding="0" cellspacing="0">
             <tr>
              <td></td>
             </tr>
            </table>
           </td>
          </tr>
         </table>
        </td>
       </tr>
      </table>
     </td>

     <td valign="top">
      <table width="10" border="0" cellpadding="0" cellspacing="0">
       <tr>
        <td>
         <table width="10" border="0" align="center" cellpadding="0" cellspacing="1">
          <tr>
           <td width="1%">
           </td>
          </tr>
         </table>
        </td>
        
        <td valign="top">
         <table width="542" border="0" cellpadding="0" cellspacing="0">
          <img src="1.jpg"><tr>
           <td background="2.jpg">
            <table width="542" border="0" align="center" cellpadding="0" cellspacing="1">
             <tr>
              <td width="10%">
               <p align="center">
               ~~~~~~~~~~~~~~~~
               <br><br><br><br>
               <br><br><br><br>
              </td>
             </tr>
            </table>
           </td>
          </tr>
          <tr>
           <td background="3.jpg">
            <table width="250" height="25" border="0" align="right" cellpadding="0" cellspacing="0">
             <tr>
              <td></td>
             </tr>
            </table>
           </td>
          </tr>
           <td valign="top">
            <table width="10" border="0" cellpadding="0" cellspacing="0">
             <tr>
              <td>
               <table width="10" border="0" align="center" cellpadding="0" cellspacing="1">
                <tr>
                 <td width="1%">
                 </td>
                </tr>
               </table>
              </td>
             </tr>
            </table>
           </td>
          </tr>
         </table>
        </td>
       </tr>
      </table>
     </td>
    </tr>
   </table>
  </td>
 </tr>
</table>
</body>
 </html>
Lg Vampi :)​
 
sorry, aber tabellen für ein layout zu missbrauchen ist das schlechteste was man machen kann. was dabei rauskommt siehst du an deinem code selber, er ist total unübersichtlich.
 
Schmeiß alles weg was du bisher gemacht hast, der Code ist nicht mehr zu retten.



Lern ordentlich CSS, dann brauchst du nur noch divs um Designs herzustellen, dein momentaner Code ist absolut unübersichtlich.
 
so scharf wollte ich es nicht ausdrücken, aber recht hast du. das ist leider totaler müll.
 
divs sind aber schon mal 100% besser als tabellen.
für navigationen sollte man listen benutzen.
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben