bjoern giesecke: Breite der Tabellenspalte definieren (funktioniert nicht)

Beitrag lesen

Guten Tag liebe Foren-Mitglieder,

ich schreibe seit langem mal wieder mit HTML. Ich möchte eine ganz einfache Internetseite aufbauen. Nun habe ich aber ein Problem mit der Definition der Spaltenbreite in einer Tabelle.

Das Problem liegt in der zweiten Tabelle. Da sich die Seite im Aufbau befindet, sind die Links natürlich zu den Unterseiten noch nicht final.

Ich möchte in der zweiten Tabelle in der zweiten Zeile (die erste ist nach oben hin ein Platzschaffer) und in der ersten Spalte eine Breite von 550px erzeugen. Da steht momentan "auf dem weg" drin. Nur ist die Spalte momentan nicht in der erwünschten Breite.

Ich habe versucht die Größe mit dem width="550px" und dem css-style-befehl style="width:550px"  zu setzen, aber auch colgroup hat nicht funktioniert.

Bringt mich nun schon eine Weile zum grübeln.
Ich bitte also um Hilfe, wie ich zum gewünschten Ergebnis komme.

Hier das HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">  
<html>  
<head>  
  <meta http-equiv="content-type" content="text/html; charset=windows-1250">  
  <meta name="description" content="Webseite von Bjoern Giesecke">  
  <meta name="author" content="Bjoern Giesecke">  
  <meta name="keywords" content="photographie, design">  
  <title>bjoern giesecke</title>  
  <style type="text/css">  
    #fixiert { position:fixed; top:18px; left:20px; width:*px; height:*px; background-color:#; }  
        a:link { text-decoration:none; font-weight:normal; color:#000000; background-color:#FFFFFF; }  
        a:visited { text-decoration:none; font-weight:normal; color:#000000; background-color:#FFFFFF; }  
        a:hover { text-decoration:none; font-weight:normal; color:#FFFFFF; background-color:#000000; }  
        a:active { text-decoration:none; font-weight:normal; color:#000000; background-color:#FFFFFF; }  
        a:focus { text-decoration:none; font-weight:normal; color:#000000; background-color:#FFFFFF; }  
  </style>  
</head>  
  
  <body style="background-image:url(bilder/deck.jpg); background-attachment:fixed; background-repeat:repeat; ">  
    <font face="Courier New" size="16">  
  
    <div id="fixiert">  
      <table width="550px" border="0" align="left">  
        <tr>  
          <td><a href="index.html">start</a></td>  
          <td><a href="#">information</a></td>  
          <td></td>  
          <td></td>  
        </tr>  
        <tr>  
          <td><a href="#">fotografien</a></td>  
          <td><a href="#">graphiken</a></td>  
          <td></td>  
          <td></td>  
        </tr>  
        <tr>  
          <td><a href="#">auf dem weg</a></td>  
          <td><a href="#">angst</a></td>  
          <td><a href="#">seensucht</a></td>  
          <td></td>  
        </tr>  
      </table>  
    </div>  
  
      <table cellspacing="-10px" cellpadding="-10px">  
  
        <tr style="height:115px"></tr>  
        <tr>  
          <td style="width:550px" align="center" valign="center"><font style="text-decoration:none; font-weight:normal; color:#FFFFFF; background-color:#000000; ">auf dem weg</font></td>  
          <td><img src="bilder/aufdemweg/rollei-retro-255.jpg"></td>  
          <td><img src="bilder/aufdemweg/rollei-retro-257.jpg"></td>  
          <td><img src="bilder/aufdemweg/rollei-retro-262.jpg"></td>  
          <td><img src="bilder/aufdemweg/rollei-retro-210.jpg"></td>  
          <td><img src="bilder/aufdemweg/rollei-retro-256.jpg"></td>  
          <td><img src="bilder/aufdemweg/rollei-retro-302.jpg"></td>  
          <td><img src="bilder/aufdemweg/apx400-052.jpg"></td>  
          <td><img src="bilder/aufdemweg/fomaPAN400-32.jpg"></td>  
          <td><img src="bilder/aufdemweg/fomaPAN400-39.jpg"></td>  
          <td><img src="bilder/aufdemweg/fomaPAN400-31.jpg"></td>  
        </tr>  
      </table>  
  
    </font>  
  </body>  
</html>

Wenn ihr allgemeine Verbesserungen für meinen Code habt, würde ich mich freuen.

Viele Grüße,
Björn