Porc: Navigation mit Tabellen

Ich möchte ein Menü erstellen mit einem balken der zur Zirde gehört etwa so:

#######################################
##########
##########
##########
##########
##########
##########
##########
##########
##########
##########

#=Tabellen
in der linken Spalte will ich die Links rein stellen mit Mouseovereffekt
Ich kann zwar sehr gut Tabbellen erstellen (denk ich ;))
Aber sowas bring ich einfach nicht Zusammen (wie oben auf der Skizze)
Thx im vorhinaus
Gruß porc+

___________________
Rechtschreibfehler dienen der Belustigung der Menge ;=)

  1. Nach langem probieren hab ich nur das geschaft:
    <!doctype html public "-//W3C//DTD HTML 4.0 //EN">
    <html>
    <head>
    <title></title>
    </head>
    <body text="#FFFFFF" bgcolor="#800000" link="#FF0000" alink="#FF0000" vlink="#FF0000">
    <table bgcolor="#FF8000" width="500"  align="left" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td height="20">test</td></tr> </table>
    <table bgcolor="#FF8000" border="0" align="left" cellspacing="0" cellpadding="0" width="100">
    <tr align="left">
    <td align="left" height="500">test</td> </tr></table>
    </body>
    </html>

    und der kak ist raus gekommen:

    ###########################################
                                                ############
                                                ############
                                                ############
                                                ############
                                                ############
                                                ############

    u.s.w

    *GRML* ich wills genau umgekehrt aber was hab ich falsch gemacht??

    gruß Porc

    1. Hallo,
      das ist doch kein scheiß, html.
      nimm doch mal das "  align="left"  " aus den <table> tags raus.

      mfg

      1. thx es funz jetzt :) :)

        aja eine Frage hab ih no:
        Wo muss ich jetzt den Text hin schreiben das er in der Mitte steht(du weißt was ich mein)

        Thxal

        Gru´ß Stefan

        1. HI,
          mann !

          tschö

    2. Hi,

      *GRML* ich wills genau umgekehrt aber was hab ich falsch gemacht??

      Nimm einfach das align="left" aus den beiden table-Tags raus - damit definierst Du, dass die Tabelle linksbündig ist und umflossen werden darf, und genau das willst Du ja nicht.

      Grüße,

      Utz

    3. Tach
      Halt dich mal ein bisschen zurück mit deinen Ausdrücken.

      Wie wärs, wenn man in die zweite Tabelle zwei mal <td> reinschreibt.

      » gruß Porc
      Tschüss
      Tim

    4. *GRML* ich wills genau umgekehrt aber was hab ich falsch gemacht??

      gruß Porc

      So gehts:
      <!doctype html public "-//W3C//DTD HTML 4.0 //EN">
      <html>
      <head>
      <title></title>
      </head>
      <body text="#FFFFFF" bgcolor="#800000" link="#FF0000" alink="#FF0000" vlink="#FF0000">
      <table bgcolor="#FF8000" width="500" border="0" cellspacing="0" cellpadding="0">
       <tr>
        <td height="20">test</td>
       </tr>
      </table>
      <table bgcolor="#FF8000" align="left" width="100" border="0" cellspacing="0" cellpadding="0">
       <tr>
        <td height="500">test</td>
       </tr>
      </table>
      </body>
      </html>

      Erläuterung:
      Das align="left" macht, wie bei Bildern, zwei Sachen. Einmal richtet es die Tabelle aus. Außerdem erlaubt es aber dem restlichen HTML um die Tabelle "herumzufließen". Deshalb steht die zweite Tabelle dann neben der ersten Tabelle.

      Hinweis:
      Du kannst das auch mit einer Tabelle und colspan="" machen. Siehe link:http://selfhtml.teamone.de/html/tabellen/zellen_verbinden.htm

      Gruß

      Axel