Andrea: Einspaltige Tabelle, daneben andere Tabelle?

Hallo Leute,

ich hab für meine Seite eine Idee, wie ich das Menü vielleicht raffiniert unterbringen könnte - hab aber das Problem, dass ich nicht draufkomme, wie ich das genau hinkriege.
Wichtig ist mir, auf Frames zu verzichten!!

Es soll folgendermaßen aussehen:
Links eine schwarze "Spalte" mit kleinen Bildchen untereinander. Jedes Bildchen soll beim Draufklicken zu einer anderen Studieninformation auf meiner Seite führen.

Rechts neben dieser Spalte wäre dann meine eigentliche Seite... in welcher aber auch Tabellen vorkommen!

Der "Menüteil" sähe etwa so aus:
<table>
 <tr>
  <td>
  <a href="index.html">
  <img border="1" onmouseover="this.src='m1i.jpg'" onmouseout="this.src='m1.jpg'" width="100px" height="100px" src="m.jpg">
  </a>
 </td>
 </tr>
 <tr>
  <td><a href="uni.html"><img border="0" onmouseover="this.src='m2i.jpg'" onmouseout="this.src='m2.jpg'" width="100px" height="100px" src="m2.jpg"></a></td>
 </tr>
 <tr>
  <td><a href="f.html"><img border="0" onmouseover="this.src='m3i.jpg'" onmouseout="this.src='m3.jpg'" width="100px" height="100px" src="m3.jpg"></a></td>
 </tr>
 <tr>
  <td><a href="fa.html"><img border="0" onmouseover="this.src='m4i.jpg'" onmouseout="this.src='m4.jpg'" width="100px" height="100px" src="m4.jpg"></a></td>
 </tr>
 <tr>
  <td><a href="art.html"><img border="0" onmouseover="this.src='m5i.jpg'" onmouseout="this.src='m5.jpg'" width="100px" height="100px" src="m5.jpg"></a></td>
 </tr>
 <tr>
  <td><a href="links.html"><img border="0" onmouseover="this.src='m6i.jpg'" onmouseout="this.src='m6.jpg'" width="100px" height="100px" src="m6.jpg"></a></td>
 </tr>
</table>

Rechts daneben wäre aber wieder eine Seite, innerhalb der man Anker setzen müsste, um von den Menpbildchen dorthin zu kommen!

Ist sowas ohne Frames möglich?
Wäre super, wenn jemand eine Idee hätte!

LG, Andrea

  1. Hallo,

    ja das ist möglich z.B., entweder mit iframes (;-/) oder mit einem div
    wo du den inhalt dynamisch auswechselst.

    gruss

    --
    no strict;
    no warnings;
    Selbstcode: (_*_) ^_^ ( . ) ( . ) :-(bla)
    1. Hi Eternius,

      oder mit einem div
      wo du den inhalt dynamisch auswechselst.

      auf Frames möchte ich verzichten, aber die Lösung mit den divs klingt gut! :-)
      Kannst du mir vielleicht kurz erklären, wie sowas funktioniert?

      Ich kenne mich damit zwar ein wenig aus, aber wie ich das dynamische Auswechseln des Inhalts realisieren kann, kann ich mir momentan schwer vorstellen.
      Gibts dazu evtl. Infos in Selfhtml? (ich hab schon geschaut, aber nichts gefunden... kann aber sein, dass ich nicht das passende Schlagwort eingegeben hab)

      Danke für deine Hilfe!
      Andrea

      1. Hallo,

        Gibts dazu evtl. Infos in Selfhtml? (ich hab schon geschaut, aber nichts gefunden... kann aber sein, dass ich nicht das passende Schlagwort eingegeben hab)

        dynamisches HTML und DOM ;-)

        gruss

        --
        no strict;
        no warnings;
        Selbstcode: (_*_) ^_^ ( . ) ( . ) :-(bla)
  2. Hallo Andrea,

    Wie wärs denn damit:

    <table>
     <tr>
      <td>

    <dein Menü>

    </td>
      <td>

    <der Inhalt>

    </td>
     </tr>
    </table>

    Sogar in HTML 4.01 Strict darf man Tabellen in Tabellen einbetten.

    Alexander

  3. Hallo,

    Links eine schwarze "Spalte" mit kleinen Bildchen untereinander. Jedes Bildchen soll beim Draufklicken zu einer anderen Studieninformation auf meiner Seite führen.

    Ich verstehe da irgendwie nicht wozu du da Tabellen brauchst?

    Soll es so aussehen?

    +--------+------------------+
    |  ___ 1 |                2 |
    | |___|  |  Überschrift     |
    |        |                  |
    |  ___   |  viel Text viel  |
    | |___|  |  Text viel Text  |
    |        |  viel Text viel  |
    |  ___   |  Text viel Text  |
    | |___|  |  viel Text viel  |
    |        |                  |
    +--------+------------------+

    Dann reichen doch eine <ul> und ein <div> wozu da die Tabelle? 1 soll ja dann den schwarzen Hintergrund haben und nur Bilder beinhalten, die eine feste Breite haben oder?

    Ich persönlich würde das dann so lösen, dass ich <body> ein 1px hoches und Xpx breites png oder gif Bildchen in y-Richtung wiederholen lassen würde. Die Bildchen würde ich in eine ungeordnete Liste reinbringen, die dann als Menü (auch mit Alternativtext) dient. Ich würde diese dann in der Breite von Xpx begrenzen.

    Das nebenstehende <div> würde ich rechts daran vorbeifließen lassen, und um auch unten den Abstand zu haben wenn es keine Bildchen mehr gibt einen margin-left von Xpx geben. Fertig, da braucht man nicht mehr, und auf einem Textbasierten System sieht es dann auch schön aufgeräumt aus.

    War es das was du gefragt hast?

    Grüße
    Jeena Paradies

    --
    Ich bin mir ziemlich sicher dass es im Leben mehr gibt als nur wirklich wirklich gut auszusehen ...
    <img src="http://home.arcor.de/vivosomuertos/self/zoolander.jpg" border="0" alt="">
    Bambergs Fasching - nur ein großer (Werbe-)Flop?
    http://jeenaparadies.de/artikel/fasching/
    Jeenas Bannertauschportal; selbstgemacht ;-)
    http://jeenasbannerbude.de