slatana: Tabelle in HTML

Hallo liebe Mitglieder!

Ich baue gerade eine Internetseite und brauche dringend Ihre Hilfe, weil ich einfach nicht weiter komme(
Die Seite ist als eine Tabelle aufgebaut. Linke 2 Spalten sind zusammen gesetzt und drin habe ich ein Grafik reingeladet. Und obwohl ich die Breite vom Bild an der Breite von der Spalte angepasst habe, nimmt das Bild trotzdem nicht das ganze Platz ein(((( Voran kann es liegen? Ich habe schon herumprobiert so und so -geht einfach nicht((

Vielen Dank voraus!

  1. Hallo liebe Mitglieder!

    Hi,

    ich bin kein Mitglied.

    Die Seite ist als eine Tabelle aufgebaut.

    Warum als Tabelle?*

    Und obwohl ich die Breite vom Bild an der Breite von der Spalte angepasst habe, nimmt das Bild trotzdem nicht das ganze Platz ein(((( Voran kann es liegen?

    Evtl. am padding der Tabellenzelle.
    Allerdings ist das nur rumraten ohne ein Codebeispiel.
    Falls es nicht am padding liegt, wie sieht dein Code aus?*

    Ich habe schon herumprobiert so und so -geht einfach nicht((

    Es wäre auch für Leute die sich mit deinen Problemen beschäftigen interessant zu wissen _was_ du schon versucht hast. So müssen wir nicht den gleichen Weg gehen.

    ~dave

    *: diese Frage ist eine Pflichtfrage, d.h. du _musst_ sie beantworten

    1. Hallo Dave, hier ist mein Code:

      <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

      <html lang="de" xml:lang="de" xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Kurse </title> <meta content="Physiotherapie und alternative Heilmethoden" name="description" /> <meta content="Physiotherapie und alternative Heilmethoden" name="keywords" /> <meta content="INDEX,FOLLOW" name="robots" />

      	<link rel="stylesheet" type="text/css" href="../css/style.css" />	
      

      </head>

      <body link="#148623" vlink="#148623" body alink="#148623">

      <!--Tabelle--> <table border="0" cellpadding="0" cellspacing="0" align="center" width="1170">

      <tr> <td width="1170" height="400" align="center" valign="top" bordercolor="black" colspan="9"><a name="zur"> </a><img src="../Bilder/Bild_head.jpg"></td> </tr>

      <tr> <td width="25" height="60" align="center" valign="middle" bordercolor="black" >&nbsp;</td> <td width="160" height="60" align="center" valign="middle" bordercolor="black"> <font face="Verdana" size="3" color="#148623"><b> <a href="../Physio_R_Haupt.html">PRAXIS/ <br /> MITARBEITER </b></font></td> <td width="160" height="60" align="center" valign="middle" bordercolor="black"> <font face="Verdana" size="3" color="#148623"><b> <a href="Physio_R_Physio.html">PHYSIO-<br/>THERAPIE</b></font></td> <td width="160" height="60" align="center" valign="middle" bordercolor="black" bgcolor="#d7ebda"><font face="Verdana" size="3" color="#148623"><b>  KURSE</b></font></a></td> <td width="160" height="60" align="center" valign="middle" bordercolor="black"><font face="Verdana" size="3" color="#148623"><b> <a href="Physio_R_alternativeM.html">ALTERNATIVE METHODEN</b></font></a></td> <td width="160" height="60" align="center" valign="middle" bordercolor="black"><font face="Verdana" size="3" color="#148623"><b> <a href="Physio_R_Kontakt.html"> KONTAKT</b></font></a></td> <td width="160" height="60" align="center" valign="middle" bordercolor="black"><font face="Verdana" size="3" color="#148623"><b> <a href="Physio_R_Impressum.html"> IMPRESSUM</b></font></a></td> <td width="160" height="60" align="center" valign="middle" bordercolor="black"><font face="Verdana" size="3" color="#148623"><b> <a href="Physio_R_Kursplan.html">KURSPLAN</b></font></a></td> <td width="25" height="60" align="center" valign="middle" bordercolor="black">&nbsp;</td> </tr>

      <tr> <td width="25" height="60" align="center" valign="middle" bordercolor="black" >&nbsp;</td> <td width="160" height="60" align="center" valign="middle" bordercolor="black" bgcolor="#d7ebda"><font face="Verdana" size="3" color="#148623"><b> <a href="#R&uuml;ckenschule">  R&uuml;ckenschule </a> </b></font></td> <td width="160" height="60" align="center" valign="middle" bordercolor="black" bgcolor="#d7ebda"><font face="Verdana" size="3" color="#148623"><b> <a href="#Hatha Yoga"> Hatha Yoga</a></b></font></td> <td width="160" height="60" align="center" valign="middle" bordercolor="black" bgcolor="#d7ebda"><font face="Verdana" size="3" color="#148623"><b> <a href="#Wirbels&auml;ulengymnastik">Wirbels&auml;ulen-<br/>gymnastik </a></b></font></td> <td width="160" height="60" align="center" valign="middle" bordercolor="black" bgcolor="#d7ebda"><font face="Verdana" size="3" color="#148623"><b> <a href="#Zumba"> Zumba </a></b></font></td> <td width="160" height="60" align="center" valign="middle" bordercolor="black" bgcolor="#d7ebda"><font face="Verdana" size="3" color="#148623"><b> <a href="#Kraftsport f&uuml;r Senioren">  Kraftsport f&uuml;r Senioren</a> </b></font></td> <td width="160" height="60" align="center" valign="middle" bordercolor="black" bgcolor="#d7ebda"><font face="Verdana" size="3" color="#148623"><b> <a href="#Fitnessboxen">  Fitness-<br/>boxen </a> </b></font></td> <td width="160" height="60" align="center" valign="middle" bordercolor="black" bgcolor="#d7ebda"><font face="Verdana" size="3" color="#148623"><b> <a href="#Qi Gong">  Qi Gong </a> </b></font></td> <td width="25" height="60" align="center" valign="middle" bordercolor="black">&nbsp;</td> </tr>

      <tr> <td width="25" height="60" align="left" valign="top">&nbsp;</td> <td width="160" height="60" align="left" valign="top"  bgcolor="#fff0cc">&nbsp;</td> <td width="960" height="60" align="center" valign="top" colspan="6"  bgcolor="#fff0cc"><br/><p align="justify"><font face="Verdana" size="5" color="#ffb600"><b>UNSERE

      KURSANGEBOTE</b></font></p></td> <td width="25" height="60" align="center" valign="top" bordercolor="black">&nbsp;</td> </tr>

      <tr> <td width="185" height="1120" align="center" valign="top" colspan="2" rowspan="7"><img src="../Bilder/logo_allle.jpg"></td> <td width="800" height="1120" align="center" valign="top" colspan="5" rowspan="7" bgcolor="#fff0cc"><br/><p align="justify"> <div align="justify"><font face="verdana" size="3"> <a name="R&uuml;ckenschule"> <p align="justify"> <font face="Verdana" valign="top" size="3" color="#148623"><b>R&Uuml;CKENSCHULE</b></font></p></a> Gesunder R&uuml;cken - besser leben!<br/> Verbessern Sie Ihre R&uuml;ckengesundheit und beugen Sie R&uuml;ckenschmerzen vor.<br/> Hier trainieren Sie Ihren R&uuml;cken und erlernen r&uuml;ckengerechtes Verhalten und Bewegen im Alltag.<br/> Auf Anfrage bieten wir auch R&uuml;ckenschule f&uuml;r Kinder an.<br/> <br/> <br/> <br/> <a name="Hatha Yoga"> <p align="justify"> <font face="Verdana" size="3" color="#148623"> <b>HATHA YOGA </b></font></p></a> Durch die &uuml;bungen des Hatha-Yoga lernen Sie sich zu entspannen und Ihre Kraft gezielter zu verwenden.<br/>Es wird eine Steigerung der k&ouml;rperlichen und geistigen Leistungsf&auml;higkeit

      erreicht.<br/><br/> Eine Yoga-Stunde besteht aus:<br/>

      • K&ouml;rper&uuml;bungen f&uuml;r Kraft, Ausdauer und Beweglichkeit<br/>
      • Atem&uuml;bungen f&uuml;r Erh&ouml;hung der Vitalenergie<br/>
      • Entspannung als Grundlage f&uuml;r Ruhe und inneres Gl&uuml;ck<br/><br/> <br/><br/>

      <a name="Wirbels&auml;ulengymnastik"> <p align="justify"> <font face="Verdana" size="3" color="#148623"> <b> WIRBELS&Auml;ULENGYMNASTIK </b> </font> </p></a> Dieser Kurs findet ganzj&auml;hrig statt und soll die Teilnehmer zu regelm&auml;&szlig;igem Bewegungstraining <br/>ermuntern und die Gesundheit der Wirbels&auml;ule f&ouml;rdern und

      unterst&uuml;tzen.<br/><br/><br/><br/> <br/> <br/>

      <a name="Zumba"> <p align="left"> <font face="Verdana" size="3" color="#148623"> <b> ZUMBA </b> </font> </p></a> Zumba ist ein lateinamerikanisches inspiriertes Tanz-Fitness-Workout f&uuml;r Jung und Alt. Das dynamische, begeisternde und effektive Training verbessert Ausdauer und dient dem Muskelaufbau von Ges&auml;&szlig;, Beinen, Armen, K&ouml;rpermitte und Bauchmuskeln. Im Vordergrund steht nicht die Perfektion,  sondern Spa&szlig; an Bewegung und Musik.<br/><br/> <br/> <br/>

      <br/>

      <a name="Kraftsport f&Uuml;r Senioren"> <p align="justify"> <font face="Verdana" size="3" color="#148623"> <b> KRAFTSPORT F&uuml;R SENIOREN </b></font></p></a> In kleinen Gruppen wird unter Anleitung jeweils eine halbe Stunde an Kraft- und Ausdauerger&auml;ten trainiert.<br/><br/> <br/> <br/> <br/> <br/>

      <a name="Fitnessboxen"> <p align="justify"> <font face="Verdana" size="3" color="#148623"> <b> FITNESSBOXEN</b></font></p></a> Fitnessboxen ist die M&ouml;glichkeit, die Vorz&uuml;ge des Boxtrainings zu nutzen, wie zum Beispiel Koordination, Schnellkraft oder  Ausdauer, ohne sich  dabei eine blutige Nase zu holen. Durch

      eine gewisse Art von Aggressions-abbau erleben Sie mehr Ruhe und Sicherheit.<br/><br/> <br/> <br/> <br/>

      <a name="Qi Gong"> <p align="justify"> <font face="Verdana" size="3" color="#148623"> <b> QI GONG </b></font></p></a> Qi Gong ist ein altes chinesisches &uuml;bungssystem  zur allgemeinen Gesunderhaltung und zur Entspannung. Die einfachen Bewegungsabfolgen haben die F&auml;higkeit Ihren gesamten K&ouml;rper ins

      Gleichgewicht zu bringen und Beschwerden vorzubeugen.<br/>

      <td width="160" height="180" align="center" valign="bottom" bgcolor="#fff0cc"><a href="#zur"><font face="verdana" size="3"> Zur&uuml;ck<br/></a><br/> </font></td> <td width="25" height="1120" align="center" valign="top" bordercolor="black"rowspan="7">&nbsp;</td> </tr>

      <tr><td width="160" height="220" align="center" valign="bottom" bgcolor="#fff0cc"><a href="#zur"> <font face="verdana" size="3"> Zur&uuml;ck <br/></a><br/> </font></td></tr> <tr><td width="160" height="170" align="center" valign="bottom" bgcolor="#fff0cc"><a href="#zur"> <font face="verdana" size="3"> Zur&uuml;ck </a><br/> </font></td></tr> <tr><td width="160" height="170" align="center" valign="bottom" bgcolor="#fff0cc"><a href="#zur"> <font face="verdana" size="3"> Zur&uuml;ck</a><br/> </font></td></tr> <tr><td width="160" height="180" align="center" valign="bottom" bgcolor="#fff0cc"><a href="#zur"> <font face="verdana" size="3"> Zur&uuml;ck <br/></a><br/> </font></td></tr> <tr><td width="160" height="170" align="center" valign="bottom" bgcolor="#fff0cc"><a href="#zur"> <font face="verdana" size="3"> Zur&uuml;ck<br/></a><br/> </font></td></tr> <tr><td width="160" height="160" align="center" valign="bottom" bgcolor="#fff0cc"><a href="#zur"> <font face="verdana" size="3"> Zur&uuml;ck<br/></a><br/> </font></td></tr>

      </div>

      </table> </body> </html>

      Warum Tabelle...weil ich eine Tabelleähnliche Struktur schaffen wollte...und mit CSS komme ich nicht so klar leider...ich beschäftige mich erst seit einem Jahr mit der Programmierungich , mache gerade ein Praktikum und inder Firma gibt es leider niemandem, der irgenwelche Ahnung in der Programmierung hat...

      1. Hi,

        hier ist mein Code:

        Ich hatte mich unklar ausgedrückt.
        Ich wollte nich den gesamten Code, sondern nur so viel dass ich dein Problem nachvollziehen kann.
        Dein Problem kann ich leider immer noch nicht sehen, vermutlich weil ich nicht weiß wo ich hinschauen muss.
        Bitte den aufs wesentliche reduzierten und validen Code.

        Warum Tabelle...weil ich eine Tabelleähnliche Struktur schaffen wollte

        Tabelle = tabellarische Daten
        Darstellung = CSS

        ...und mit CSS komme ich nicht so klar leider

        Mit Tabellenlayout doch auch nicht, oder? :-)

        Mir persönlich (und vermutlich so ziemlich allen hier im Forum) fehlt die Motivation mich durch Tabellenlayouts zu wühlen um Fehler zu finden.

        ~dave

        1. Mir persönlich (und vermutlich so ziemlich allen hier im Forum) fehlt die Motivation mich durch Tabellenlayouts zu wühlen um Fehler zu finden.

          ja, leider. Ich hatte es schonmal in den Editor geschubst. Dann war Weihnachten. Ob der vielen Fehler im Code verging mir leider die Lust.

          Bitte nimm' es nicht als schlechte Kritik: Teile deiner Seite begünstigen Tabellen als Mittel der Wahl, ansatzweise. Der Rest wäre besser bedient mit z.B. divs und CSS. Wir wissen, dass es nicht Deine Seite ist... Vielleicht reicht ja die Zeit des Praktikums das zu verbessern...

          Cheers,
          Baba

          1. Hallo Baba, vielen Dank fuer deine konstruktive Kritik - du hast absolut Recht. Diese Internetseite ist Meine (meine allererste Internetseite und ich weiss, dass ich nicht alles korrekt mache)...in meiner Firma die entwerfen nur Design und schicken dann es  fuer programmieren den anderen ab. Deswegen auch habe ich keine Moeglichkeit jemandem um die Hilfe bitten. Vielen Dank noch Mal fuer Ratschlaege. Ich habe noch 1,5 Woche, um alles fertig zu machen)

        2. Vielen Dank, Dave. ich habe eine Lösung gefunden - ich mache den Hintergrundfarbe rein und kascheire damit meine Fehler)))