Problem mit Tabellen

  • Also hallo erstmal ^^ ich brauche 2 nebeneinanderliegende Tabellen: eine für die Navigation, eine für Text. soll so aussehen:

    ______________ ________________________________
    | | | |
    | | | |
    | | | |
    | | | |
    | | | |
    | | | |
    | | | |
    | | | |
    | | | |
    | | | |
    | | | |
    | | | |
    | | | |
    | | | |
    |____________ | |_______________________________ |

    | - 1.Tabelle -| | - 2. Tabelle - |

    ich hab mir jetzt schon überlegt, das ganze (also halt die beiden Tabellen) in eine Tabelle zu packen und den zwischenraum der beiden tabellen als eine 3. zu .. ähh.. definieren ^^ . also so:

    <html>
    <body>
    <table width="90%" cellspacing=0 cellpadding=0 border=0>
    <td width="20%" style="border-right: 1 solid black; border-top: 1 solid black; border-left: 1 solid black; border-bottom: 1 solid black">navigation
    <td width="5%">
    <td width="75%" style="border-right: 1 solid black; border-top: 1 solid black; border-left: 1 solid black; border-bottom: 1 solid black">text
    </table>
    </body>
    </html>

    ^^ so dürfte es ja gehen, nich? ^^ zumindest hab ich die zwei "Tabellen". Aber ich will in der navigationstabelle (Tabelle 1) ja noch weitere Tabellen, also für Kategorien. und einen <table> oder noch einen <td>-Tag geht in einem <td>-Tag einzubauen, geht wahrscheinlich nich.Also ändere ich den Html-Code folgendermaßen:

    <html>
    <body>
    <table width="90%" cellspacing=0 cellpadding=0 border=0>
    <!- 1.Tabelle in der Tabelle ->
    <table width="20%" style="border-right: 1 solid black; border-top: 1 solid black; border-left: 1 solid black; border-bottom: 1 solid black">navi</table>
    <!- 3.Tabelle (Zwischenraum) ->
    <table width="5%"></table>
    <!- 2.Tabelle in der Tabelle ->
    <table width="75%" style="border-right: 1 solid black; border-top: 1 solid black; border-left: 1 solid black; border-bottom: 1 solid black">text</table>
    </table>
    </body>
    </html>

    aber wenn ich das jetzt öffne, isses nich neben-, sondern übereinander, und das will ich ja nich ^^.

    Ich hoffe ihr versteht mein problem und könnt mir helfen... ich hab kopfweh...

    wehr schraipfehlehr finded, Dahf si Behalden!

  • :wink: jetzt nochn problem: ich will, dass die texttabelle genauso weit geht, wie der text auch lang ist. die tabelle ist jetzt so lang wie wie die navigation. wie mach ich das?

    wehr schraipfehlehr finded, Dahf si Behalden!

  • :cry: so:

    <html><head>
    <title>Azure Dreams</title>
    <style>
    a:link {text-decoration: none; color: #0000FF}
    a:visited {text-decoration: none; color: #0000FF}
    a:hover {text-decoration: none; color: #33CCFF}
    </style>
    </head>
    <body background="bg.gif" style="font-family:Verdana" style="font-size:8">


    <table valign="top" halign="center" align="center" border="0" width="90%" cellpadding="0" cellspacing="0"

    style="font-family:Verdana" style="font-size:10"><tr><td align="left" width="50%" bgcolor="#626262" style="border-right: 0

    solid black; border-top: 1 solid black; border-left: 1 solid black; border-bottom: 0 solid black">[b]<font color=white>Azure Dreams | <font color=white>Links | huber.andreas@vr-web.de</td> <td bgcolor="#626262" align="right"

    style="border-right: 1 solid black; border-top: 1 solid black; border-left: 0 solid black; border-bottom: 0 solid

    black"><font color=white>
    <script LANGUAGE="Javascript">

    function makeArray(len) {
    for (var i = 0; i < len; i++) this[i] = null;
    this.length = len;
    }
    var dayNames = new makeArray(7);
    dayNames[0] = "Sonntag";
    dayNames[1] = "Montag";
    dayNames[2] = "Dienstag";
    dayNames[3] = "Mittwoch";
    dayNames[4] = "Donnerstag";
    dayNames[5] = "Freitag";
    dayNames[6] = "Samstag";

    var monthNames = new makeArray(12);
    monthNames[0] = "Januar";
    monthNames[1] = "Februar";
    monthNames[2] = "März";
    monthNames[3] = "April";
    monthNames[4] = "Mai";
    monthNames[5] = "Juni";
    monthNames[6] = "Juli";
    monthNames[7] = "August";
    monthNames[8] = "September";
    monthNames[9] = "Oktober";
    monthNames[10] = "November";
    monthNames[11] = "Dezember";

    var now = new Date();
    var day = now.getDay();
    var month = now.getMonth();
    var year = now.getYear();
    var date = now.getDate();

    if (year < 100) {
    if (year <= 36) {
    if (year < 10) {
    document.write(dayNames[day] + "," + date + " . " + monthNames[month] + ", 200" + year);
    }
    else {
    document.write(dayNames[day] + "," + date + " . " + monthNames[month] + ", 20" + year);
    }
    }
    else {
    document.write(dayNames[day] + "," + date + " . " + monthNames[month] + ", 19" + year);
    }
    }
    else if (year >= 2000) {
    document.write(dayNames[day] + "," + date + " . " + monthNames[month] + ", " + year);
    }
    else {
    document.write(dayNames[day] + "," + date + " . " + monthNames[month] + ", 2000");
    }
    // -->

    </script> <NOSCRIPT> Script nicht verfügbar</NOSCRIPT></td></table>

    <!- Banner ->

    <table valign="top" halign="center" align="center" border="0" width="90%" cellpadding="0" cellspacing="0"

    style="font-family:Verdana" style="font-size:8"><tr><td align="left" bgcolor="#FFFFFF" width="100%" style="border-right: 1

    solid black; border-top: 1 solid black; border-left: 1 solid black; border-bottom: 0 solid black"></tr></table>

    <!- Bannerend ->

    <table valign="top" halign="center" align="center" border="0" width="90%" cellpadding="0" cellspacing="0"

    style="font-family:Verdana" style="font-size:8">
    <tr>
    <td align="left" width="25%" bgcolor="#626262" style="border-right: 0 solid black; border-top: 1 solid black;

    border-left: 1 solid black; border-bottom: 1 solid black" onMouseOver="bgColor='c1c1c1'"

    onMouseOut="bgColor='626262'"><center><FONT FACE="verdana" size="2">[b]<a href="index.html"><font color=white>Azure

    Dreams</a></td>
    <td align="left" width="25%" bgcolor="#626262" style="border-right: 0 solid black; border-top: 1 solid black;

    border-left: 1 solid black; border-bottom: 1 solid black" onMouseOver="bgColor='c1c1c1'"

    onMouseOut="bgColor='626262'"><center><FONT FACE="verdana" size="2">[b]<font color=white>Hilfe</td>
    <td align="left" width="25%" bgcolor="#626262" style="border-right: 0 solid black; border-top: 1 solid black;

    border-left: 1 solid black; border-bottom: 1 solid black" onMouseOver="bgColor='c1c1c1'"

    onMouseOut="bgColor='626262'"><center><FONT FACE="verdana" size="2">[b]<font color=white>Links</td>
    <td align="left" width="25%" bgcolor="#626262" style="border-right: 1 solid black; border-top: 1 solid black;

    border-left: 1 solid black; border-bottom: 1 solid black" onMouseOver="bgColor='c1c1c1'"

    onMouseOut="bgColor='626262'"><center><FONT FACE="verdana" size="2">[b]<font color=white>Forum</td>
    </tr>
    </table>

    <!- °°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°OBEN°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°° ->

    <!- °°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°UNTEN°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°° ->

    <center>
    <table width="90%" cellpadding=0 cellspacing=0 border=0 style="font-family:Verdana" style="font-size:8">
    <tr>
    <td width="100%" style="border-right: 1 solid black; border-top: 1 solid black; border-left: 1 solid black; border-bottom:

    1 solid black">
    <table width="100%" cellpadding=0 cellspacing=0 border=0 style="font-family:Verdana" style="font-size:11">
    <tr>
    <td bgcolor="#626262" style="border-right: 0 solid black; border-top: 0 solid black; border-left: 0 solid black;

    border-bottom: 1 solid black">Page
    </td>
    <tr>
    <td style="border-right: 0 solid black; border-top: 0 solid black; border-left: 0 solid black;

    border-bottom: 1 solid black">>>home
    >>links
    >>impressum
    </td>
    <tr>
    <td bgcolor="#626262" style="border-right: 0 solid black; border-top: 0 solid black; border-left: 0 solid black;

    border-bottom: 1 solid black">Wichtiges
    </td>
    <tr>
    <td style="border-right: 0 solid black; border-top: 0 solid black; border-left: 0 solid black;

    border-bottom: 1 solid black">>>überblick
    >>azure dreams?
    >>faqs
    >>codes
    >>bugs
    >>steuerung
    </td>
    <tr>
    <td bgcolor="#626262" style="border-right: 0 solid black; border-top: 0 solid black; border-left: 0 solid black;

    border-bottom: 1 solid black">Infos
    </td>
    <tr>
    <td style="border-right: 0 solid black; border-top: 0 solid black; border-left: 0 solid black;

    border-bottom: 1 solid black">>>gebäude
    >>turm
    >>fallen
    </td>
    <tr>
    <td bgcolor="#626262" style="border-right: 0 solid black; border-top: 0 solid black; border-left: 0 solid black;

    border-bottom: 1 solid black">Zauber
    </td>
    <tr>
    <td style="border-right: 0 solid black; border-top: 0 solid black; border-left: 0 solid black;

    border-bottom: 1 solid black">>>natürl. Zauber
    >>Mischzauber
    >>Alle Zauber
    </td>
    <tr>
    <td bgcolor="#626262" style="border-right: 0 solid black; border-top: 0 solid black; border-left: 0 solid black;

    border-bottom: 1 solid black">Mädchen
    </td>
    <tr>
    <td style="border-right: 0 solid black; border-top: 0 solid black; border-left: 0 solid black;

    border-bottom: 1 solid black">>>Cherrl
    >>Fur
    >>Mia
    >>Nico
    >>Patty
    >>Selfi
    >>Vivian
    </td>
    <tr>
    <td bgcolor="#626262" style="border-right: 0 solid black; border-top: 0 solid black; border-left: 0 solid black;

    border-bottom: 1 solid black">Items
    </td>
    <tr>
    <td style="border-right: 0 solid black; border-top: 0 solid black; border-left: 0 solid black;

    border-bottom: 1 solid black">>>Essbares
    >>Ausrüstung
    >>Wichtige
    >>Bälle
    >>Nützliche
    </td>
    <tr>
    <td bgcolor="#626262" style="border-right: 0 solid black; border-top: 0 solid black; border-left: 0 solid black;

    border-bottom: 1 solid black">Monster
    </td>
    <tr>
    <td style="border-right: 0 solid black; border-top: 0 solid black; border-left: 0 solid black;

    border-bottom: 1 solid black">>>Feuer
    >>Wasser
    >>Wind
    >>Erwachsen
    >>Fusionen
    </td>
    <tr>
    <td bgcolor="#626262" style="border-right: 0 solid black; border-top: 0 solid black; border-left: 0 solid black;

    border-bottom: 1 solid black">Strategien
    </td>
    <tr>
    <td style="border-right: 0 solid black; border-top: 0 solid black; border-left: 0 solid black;

    border-bottom: 0 solid black">>>Anfänger
    >>Barong
    >>Kämpfen
    >>Geld und die Stadt
    </td>
    <tr>
    </table>
    </td>
    </table>
    <table width="90%" cellpadding=0 cellspacing=0 border=0 style="font-family:Verdana" style="font-size:8">
    <td width="5%"></td>
    <td width="95%" style="border-right: 1 solid black; border-top: 1 solid black; border-left: 1 solid black; border-bottom: 1

    solid black">
    <table height="90%" cellpadding=0 cellspacing=0 border=0 style="font-family:Verdana" style="font-size:11">
    <tr>
    <td height="5%" bgcolor="#626262" style="border-right: 0 solid black; border-top: 0 solid black; border-left: 0 solid

    black; border-bottom: 1 solid black">Content/Information
    </td>
    <tr>
    <td height="95%" style="border-right: 0 solid black; border-top: 0 solid black; border-left: 0 solid black;

    border-bottom: 0 solid black">TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble...

    TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble...

    TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble...

    TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble...

    TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble...

    TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble...

    TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble...

    TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble...

    TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble...

    TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble...

    TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble...

    TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble...

    TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble...

    TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble...

    TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble...

    TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble...

    TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble...

    TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble...

    TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble...

    TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble...

    TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble...

    TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble...

    TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble...

    TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble...

    TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble...

    TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble...

    TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble...

    TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble...

    TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble...

    TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble...

    TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble...

    TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble...

    TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble.TExtblabliblubloble... TExtblabliblubloble...

    TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble...

    TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble...

    TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble...

    TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble...

    TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble...

    TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble...

    TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble...

    TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble...

    TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble...

    TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble...

    TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble...

    TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble...

    TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble...


    </td>
    </table>
    </td>
    </table>
    </center>
    </body>
    </html>


    jetzt isses aber wieder untereinander....

    wehr schraipfehlehr finded, Dahf si Behalden!