[HTML] Tabelle rutscht runter

Dieses Thema im Forum "Webdesign" wurde erstellt von Schnee, 26. September 2010 .

  1. 26. September 2010
    Zuletzt von einem Moderator bearbeitet: 14. April 2017
    Tabelle rutscht runter

    Dere,

    sitze hier gerade vor einen kleinen Problem.

    Erstmal der Code:
    HTML:
     <table width="98%" border="0">
     <tr>
     <td> 
     <div id="list">
     <h3>Überschrift</h3>
     <div>
     <ul>
     <li><a href="#">Allgemein</a></li>
     <li><a href="#">Allgemein</a></li>
     <li><a href="#">Allgemein</a></li>
     <li><a href="#">Allgemein</a></li>
     </ul>
     </div>
     </div>
    
     <div id="list">
     <h3>Überschrift</h3>
     <div>
     <ul>
     <li><a href="#">Allgemein</a></li>
     <li><a href="#">Allgemein</a></li>
     <li><a href="#">Allgemein</a></li>
     <li><a href="#">Allgemein</a></li>
     </ul>
     </div>
     </div>
    
     <div id="list">
     <h3>Überschrift</h3>
     <div>
     <ul>
     <li><a href="#">Allgemein</a></li>
     <li><a href="#">Allgemein</a></li>
     <li><a href="#">Allgemein</a></li>
     <li><a href="#">Allgemein</a></li>
     </ul>
     </div>
     </div>
     </td>
     <td>
     <div id="list">
     <h3>Überschrift</h3>
     <div>
     <ul>
     <li><a href="#">Allgemein</a></li>
     <li><a href="#">Allgemein</a></li>
     <li><a href="#">Allgemein</a></li>
     <li><a href="#">Allgemein</a></li>
     </ul>
     </div>
     </div>
     
     <div id="list">
     <h3>Überschrift</h3>
     <div>
     <ul>
     <li><a href="#">Allgemein</a></li>
     <li><a href="#">Allgemein</a></li>
     <li><a href="#">Allgemein</a></li>
     <li><a href="#">Allgemein</a></li>
     </ul>
     </div>
     </div> 
     </td>
     <td>
     <div id="list">
     <h3>Überschrift</h3>
     <div>
     <ul>
     <li><a href="#">Allgemein</a></li>
     <li><a href="#">Allgemein</a></li>
     <li><a href="#">Allgemein</a></li>
     <li><a href="#">Allgemein</a></li>
     </ul>
     </div>
     </div>
     
     <div id="list">
     <h3>Überschrift</h3>
     <div>
     <ul>
     <li><a href="#">Allgemein</a></li>
     <li><a href="#">Allgemein</a></li>
     <li><a href="#">Allgemein</a></li>
     <li><a href="#">Allgemein</a></li>
     </ul>
     </div>
     </div>
     </td>
    
     <td>
     <div id="list">
     <h3>Überschrift</h3>
     <div>
     <ul>
     <li><a href="#">Allgemein</a></li>
     <li><a href="#">Allgemein</a></li>
     <li><a href="#">Allgemein</a></li>
     <li><a href="#">Allgemein</a></li>
     </ul>
     </div>
     </div>
     
     <div id="list">
     <h3>Überschrift</h3>
     <div>
     <ul>
     <li><a href="#">Allgemein</a></li>
     <li><a href="#">Allgemein</a></li>
     <li><a href="#">Allgemein</a></li>
     <li><a href="#">Allgemein</a></li>
     </ul>
     </div>
     </div>
     </td>
     </tr>
    </table>
    
    Nun mein Problem:

    Wie ihr seht sind in der ersten Spalte drei Unterkategorien vorhanden, also rutschen die restlichen Spalten runter ?(

    Demo - Preview @ XUP.in

    Wie bringe ich es dazu, das die Tabelle sozusagen von oben beginnend gelistet wird, egal wieviel Unterkategorien vorhanden sind?

    Danke für Antworten.
     
  2. 26. September 2010
    AW: Tabelle rutscht runter

    hier bitteschön...hoffe das ist jetzt so wie du willst ;-)

    HTML:
    <table width="98%" border="0">
     <tr valign="top">
     <td> 
     <div id="list">
     <h3>Überschrift</h3>
     <div>
     <ul>
     <li><a href="#">Allgemein</a></li>
     <li><a href="#">Allgemein</a></li>
     <li><a href="#">Allgemein</a></li>
     <li><a href="#">Allgemein</a></li>
     </ul>
     </div>
     </div>
    
     <div id="list">
     <h3>Überschrift</h3>
     <div>
     <ul>
     <li><a href="#">Allgemein</a></li>
     <li><a href="#">Allgemein</a></li>
     <li><a href="#">Allgemein</a></li>
     <li><a href="#">Allgemein</a></li>
     </ul>
     </div>
     </div>
    
     <div id="list">
     <h3>Überschrift</h3>
     <div>
     <ul>
     <li><a href="#">Allgemein</a></li>
     <li><a href="#">Allgemein</a></li>
     <li><a href="#">Allgemein</a></li>
     <li><a href="#">Allgemein</a></li>
     </ul>
     </div>
     </div>
     </td>
     <td>
     <div id="list">
     <h3>Überschrift</h3>
     <div>
     <ul>
     <li><a href="#">Allgemein</a></li>
     <li><a href="#">Allgemein</a></li>
     <li><a href="#">Allgemein</a></li>
     <li><a href="#">Allgemein</a></li>
     </ul>
     </div>
     </div>
     
     <div id="list">
     <h3>Überschrift</h3>
     <div>
     <ul>
     <li><a href="#">Allgemein</a></li>
     <li><a href="#">Allgemein</a></li>
     <li><a href="#">Allgemein</a></li>
     <li><a href="#">Allgemein</a></li>
     </ul>
     </div>
     </div> 
     </td>
     <td>
     <div id="list">
     <h3>Überschrift</h3>
     <div>
     <ul>
     <li><a href="#">Allgemein</a></li>
     <li><a href="#">Allgemein</a></li>
     <li><a href="#">Allgemein</a></li>
     <li><a href="#">Allgemein</a></li>
     </ul>
     </div>
     </div>
     
     <div id="list">
     <h3>Überschrift</h3>
     <div>
     <ul>
     <li><a href="#">Allgemein</a></li>
     <li><a href="#">Allgemein</a></li>
     <li><a href="#">Allgemein</a></li>
     <li><a href="#">Allgemein</a></li>
     </ul>
     </div>
     </div>
     </td>
    
     <td>
     <div id="list">
     <h3>Überschrift</h3>
     <div>
     <ul>
     <li><a href="#">Allgemein</a></li>
     <li><a href="#">Allgemein</a></li>
     <li><a href="#">Allgemein</a></li>
     <li><a href="#">Allgemein</a></li>
     </ul>
     </div>
     </div>
     
     <div id="list">
     <h3>Überschrift</h3>
     <div>
     <ul>
     <li><a href="#">Allgemein</a></li>
     <li><a href="#">Allgemein</a></li>
     <li><a href="#">Allgemein</a></li>
     <li><a href="#">Allgemein</a></li>
     </ul>
     </div>
     </div>
     </td>
     </tr>
    </table>

    Was wurde geändert: beim <tr>-Tag valgin eingeführt mit dem Wert top. --> anzeige oben.
     
  3. 26. September 2010
    AW: Tabelle rutscht runter

    Wieder was gelernt, tr valign top ist die Lösung - beim nächsten mal weiß ich es

    Danke dir leex :]
     
  4. 26. September 2010
    AW: Tabelle rutscht runter

    Kein problem ... wenn sonst no was brauchst einfach fragen ... gerne auch per pn ;-) ... bw net vergessen ...
     
  5. 27. September 2010
    AW: Tabelle rutscht runter

    Eine Bewertung muss freiwillig erfolgen und darf nicht erbettelt werden nur mal so nebenbei
    und helfen sollte man weil man helfen möchte und nicht weil man sich eine Bewertung erhofft.


    --
    Zum Thema wieso genau arbeitest du in den Tabellen nochmal mit Div Containern? Den <TD> kannst du ja auch via stylesheet stylen.
     
  6. 27. September 2010
    AW: Tabelle rutscht runter

    Ich arbeite nach meinem Wissen^^

    Bei einer Tabelle mit Listen in CSS, da ist bei mir echt noch Leere. Gibt ja soviele Sachen bei CSS, kommt sicher auch noch...
     
  7. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.