Tabelle und Grafiken

[DerSchatten]

Folgendes Problem:
Ich verwende eine Tabelle die aus 3x4 Zellen besteht. Wobei der mittlere Bereich 2 verbunden Zellen hat:



Ich bekomme es nun einfach nicht hin das die linke und rechte Grafik korrekt "erweitert" wird.
Bei eine Tabelle von 3x3 ist das kein Problem.

Hier der code dazu:

<?php
 echo "<table border='0' bgcolor='98937D' height='410' width='215' cellpadding='0' cellspacing='0'>";
  echo "<tr>";
   echo "<td><img src='./images/navlo.gif' width='38' height='52' /></td>";
   echo "<td valign='middle' height='52' background='./images/navo.gif' style='background-repeat: repeat-x'><font class='details'>Marken</font></td>";
   echo "<td><img src='./images/navro.gif' width='60' height='52' /></td>";
  echo "</tr>";
  echo "<tr>";
   echo "<td height='100%' width='28' background='./images/navl1.gif' style='background-repeat: repeat-y'></td>";
   echo "<td rowspan='2' align='left' valign='top' nowrap>";
   $sql1 = "SELECT
    Marke
   FROM
    Retro_Artikelmarke
   GROUP BY
    Marke
   ORDER BY
    Marke";
   $sql2 = "SELECT
    Typ
   FROM
    Retro_Artikeltyp
   GROUP BY
    Typ
   ORDER BY
    Typ";
   $ergebnis1 = mysql_query($sql1);
   $ergebnis2 = mysql_query($sql2);
   if ($ergebnis1)
   {
    $datensatz1 = mysql_fetch_array($ergebnis1);
    while ($datensatz1)
    {
     $marke = $datensatz1["Marke"];
     echo "<a class='auswahl2' href='index.php?markename=$marke'>".$datensatz1['Marke']."</a><br>";
     $datensatz1 = mysql_fetch_array($ergebnis1);
     switch ($markename)
     {
      case $marke:
       if ($ergebnis2)
       {
        $datensatz2 = mysql_fetch_array($ergebnis2);
        while ($datensatz2)
        {
         $typ = $datensatz2["Typ"];
         echo "<a class='auswahl' href='index.php?inhalt=uebersicht&markename=$marke&typenbezeichnung=$typ'>".$datensatz2['Typ']."</a><br>";
         $datensatz2 = mysql_fetch_array($ergebnis2);
        }
       }
       break;
      default:
       break;
     }
    }
   }
   echo "</td>";
   echo "<td height='100%' width='60' background='./images/navr1.gif' style='background-repeat: repeat-y'></td>";
  echo "</tr>";
  echo "<tr>";
   echo "<td><img src='./images/navl2.gif' width='28' height='30' /></td>";
   echo "<td><img src='./images/navr2.gif' width='60' height='30' /></td>";
  echo "</tr>";
  echo "<tr>";
   echo "<td><img src='./images/navlu.gif' width='38' height='38' /></td>";
   echo "<td height='38' background='./images/navu.gif' style='background-repeat: repeat-x'></td>";
   echo "<td><img src='./images/navru.gif' width='60' height='38' /></td>";
  echo "</tr>";
 echo "</table>";
?>

hat jemand einen Tip?

 

[aJunkie]

Auf dem Bild sehe ich, dass beide Tabellen gleich groß sind.

Könntest all die kleinen Grafiken als eine abspeichern und als Hintergrund Bild für einen Div nehmen, der du eine feste Größe zuordnest.

Oder speicherst die drei Grafiken in länglicher Version: linker Rand, die Mitte, die wiederholt wird, wenn der DIV erweitert werden soll und der rechte Rand. Float. Fertig.

http://www.ohne-css.gehts-gar.net/0004.php

 

[Loon3y]

Sind das tabellarische Daten, welche du hier auszeichnest?

Wenn deine Antwort nein ist, dann verwende doch auch bitte keine Tabelle. Auf dem Bild sehe ich eher eine Navigatiion. Eine Navigation ist eine auflistung von Listenpunkten.

->

<ul>
 <li>Punkt 1</li>
 <li>Punkt 2</li>
</ul>

Gruß
Loon3y

 

[DerSchatten]

Ich hab noch vergessen zu erwähnen das die Tabelle dynamisch sein soll. Da die Listeneinträge aus einer Datenbank kommen kann die Liste demnach kürzer oder länger sein.
D.h. das ganze muß Variabel sein.

Fixe Zellengröße kann ich somit nicht zuordnen.