Ich brauche Hilfe für HTML Tabellen

Von: , 26.01.2012 11:56 Uhr

Liebe/-r Experte/-in,

ich mache gerade für meine Ausbildung eine Website mit Kompozer, ich habe allerdings große Schwierigeiten, die Tabellenzellen genau auf die Maße zu bekommen die ich brauche, bzw. den Text dorthin zu rücken wo ich ihn möchte.

Auch wiederholt sich das Hintergrundbild, obwohl ich es nur einmal eingefügt habe. Das Layout habe ich mit Gimp erstellt und einfach als Bild in den Hintergrund gepackt, Bildgröße 900 x 400 px.

Ich wäre für jeden Lösungsvorschlag sehr dankbar!!!

Liebe Grüße

15 Antworten zu dieser Frage

        • Antwort von nach 49 Minuten 0 hilfreich
          Re: Ich brauche Hilfe für HTML Tabellen

          Hallo Don,

          was machst du für eine Ausbildung? Wirst du häufiger was mit Webseiten zu tun haben oder ist das nur, weil du für deinen Betrieb eine machen sollst?

          Ich frage nur, weil davon abhängt, wie ich dir beim eigentlichen Problem helfen würde. Wichtig dafür ist nämlich, ob du lernen musst, sowas selbst richtig zu machen oder nicht ;)

          Liebe Grüße

          • Antwort von nach 22 Stunden 0 hilfreich
            Re^2: Ich brauche Hilfe für HTML Tabellen

            Hallo,
            ich mach ne Ausbildung unter anderem zum IT-Lehrer,
            das heißt ich sollte schon ein gewisses Background-Wissen haben, allerdings bin ich jetzt schon relativ weit und hab eben noch viel mehr Fächer als ITB das ist eher ein "Nebenfach" ... also ich sollte mit einem Editor einfache Webseiten erstellen können.

            Danke schonmal für deine Antwort!!!
            das Problem mit dem sich wiederholenden Hintergrundbild
            hat sich auch schon erübrigt, jetzt hätte ich eher ne Frage zur Schriftfarbe von Links!

            Ich habe oben in meinen Head "a color=black" drin stehen damit alle Links auf der Seite schwarz sind, jetzt möchte ich aber nur einen Teil der Links schwarz einen anderen Ockergelb ... aus dem Head muss es jetzt raus aber wie gehts dann weiter? SOll ich dir vielleicht mal meinen Quelltext schicken?

            • Antwort von nach 22 Stunden 0 hilfreich
              Re^3: Ich brauche Hilfe für HTML Tabellen

              Hi,

              auch wenn Webseiten nur eine Randerscheinung deiner Ausbildung sind, würde ich dir unbedingt dazu raten, das Design über CSS-Dateien festzulegen. Alles andere ist einfach nicht mehr zeitgemäß und unprofessionell.
              Hier gibt es ein Tutorial dazu: http://de.html.net/tutorials/css/

              Verschiedene Linkeigenschaften kannst du dann über Klassen vergeben, siehe hier: http://www.css-lernen.net/css-klassen.php

              Das ist wahrscheinlich alles eine etwas neue Herangehensweise für dich und mag erstmal etwas mühsam erscheinen, aber abgesehen davon, dass es heutzutage der einzig richtige Weg ist, eröffnet es einem unendlich viel mehr Möglichkeiten :)

            • Antwort von nach einer Stunde 0 hilfreich
              Re: Ich brauche Hilfe für HTML Tabellen

              hallo,
              ohne quellcode kann ich dir leider nicht weiterhelfen!
              freundliche grüße

            • Antwort von nach 22 Stunden 0 hilfreich
              Re^2: Ich brauche Hilfe für HTML Tabellen

              Ja den könnte ich schon per Mail schicken, würde ihn nur ungern hier reinstellen ...
              hallo,
              ohne quellcode kann ich dir leider nicht weiterhelfen!
              freundliche grüße

              • Antwort von nach einem Tag 0 hilfreich
                Re^3: Ich brauche Hilfe für HTML Tabellen

                hallo,
                tut mir leid, ich komm da jetzt nicht mehr zu, fahre morgen früh in den skiurlaub. aber du beschleunigst das ganze, wenn du den code nächstes mal gleich mit postest. wenn da irgendwas drinsteht, was du nicht öffentlich machen willst, dann tu halt blindtext rein, hauptsache, man kann die tabellenstruktur und deine stylesheets sehen.
                viel glück noch!

              • Antwort von nach 5 Stunden 0 hilfreich
                Re: Ich brauche Hilfe für HTML Tabellen

                sorry für die späte antwort,

                in welchem editor oder in welchem bildprogramm du seiten bastelst ist egal.
                grob gesagt musst du zwischen zwei dingen unterscheiden:
                html/css aussehen ist moderner und der derzeitig html/tabellen auch fürs aussehen.

                http://de.selfhtml.org/
                das ist für dich die wichtigste seite überhaupt. dein nachschlagewerk.

                deine probleme sind bisserl wage, deshalb rate ich mal wie ich dir helfen kann.

                hintergründe wiederholen sich (kacheln) immer - da musst du

                <body style="background-image:url('img_tree.png');
                background-repeat:no-repeat;" >

                ein no-repeat reinhängen. (in dem tag in dem du das bild hast - kann auch der table tag sein)

                <table border="0" cellpadding="0" cellspacing="0" width="340"><tr><td width="140" height="24">hier schreibst rein</td>
                <td width="200">nächste spalte</td>
                </tr>
                </table>

                so könntest du die zellen mit größen definieren

                ich hoffe das hilft mal ein bisserl - nicht unterkriegen lassen, aller anfang ist schwer

                liebe grüße
                barbara

                • Antwort von nach 22 Stunden 0 hilfreich
                  Re^2: Ich brauche Hilfe für HTML Tabellen

                  Hey vielen Dank

                  das hilft mir wirklich weiter! =)

                • Antwort von nach 22 Stunden 0 hilfreich
                  Re^2: Ich brauche Hilfe für HTML Tabellen

                  Ok danke =)

            • Antwort von nach 11 Stunden 0 hilfreich
              Re: Ich brauche Hilfe für HTML Tabellen

              Guten Abend,

              also, dass sich das Hintergrundbild wiederholt ist normal und kann mittels CSS verhindert werden (background-repeat: no-repeat).

              Die Tatsache, dass in deiner Ausbildung ein WYSIWYG-Editor zum Einsatz kommt legt die Vermutung Nahe, dass dies keine Aufgabenstellung ist, welche direkt dein Ausbildungsfachgebiet betrifft. Aus diesem Grund ist es wohl wenig sinnvoll nun auf riesige Dokumentation zu CSS, HTML und/oder Webentwicklung im Allgemeinen bzw. zu Best Practices oder Do's und Dont's zu verweisen.

              Das Tool, welches zum Einsatz kommt ist mir komplett unbekannt, also kann ich da leider auch nicht weiterhelfen bei Fragen im Umgang damit.

              Nichtsdestotrotz will ich darauf hinweisen, dass es alles andere als sinnvoll ist eine Grafik als Hintergrund als "Layoutvorlage" und eine darübergelegte Tabelle zur "Inhaltsplatzierung" zu verwenden. Tabellen sollten nur für den dafür vorgesehenen Zweck verwendet werden - um z.B. Daten in tabellarischer Form darzustellen. ;)

              Wenn das Ziel der Aufgabe ist, sich eine Website zusammenzuklicken und nicht das eigentliche Verständnis des HTML Markups und der CSS Regeln, dann machen allerdings auch keine Beispiele zu Webpage Layouts mittels divs etc. wenig Sinn an dieser Stelle.

              Weiterhin viel Erfolg mit dem Projekt und in der Ausbildung ;)

              Gruß


              PS:
              CSS reference: http://www.w3schools.com/cssref
              HTML reference: http://www.w3schools.com/html
              bzw. http://de.selfhtml.org/

              • Antwort von nach 22 Stunden 0 hilfreich
                Re^2: Ich brauche Hilfe für HTML Tabellen

                Ja, ich empfand das halt die einfachste Art die Seite zu gliedern ... aber mittlerweile weiss ich schon dass das mit "div-objekten" viel einfacher und oder besser geht. Nichts desto trotz hab ich jetzt das layout und die seite so gelassen, weil ich einfach keine zeit hab 10 mal neu anzufangen ... =(

                Trotzdem vielen lieben Dank! =)

            • Antwort von nach 20 Stunden 0 hilfreich
              Re: Ich brauche Hilfe für HTML Tabellen

              Hallo,

              ich kenne Kompozer nicht und weiß nicht, warum man damit Layouts mit Tabellen macht. Der Ratschlag ist vielleicht nicht besonders ermutigend, aber: Schaue Dir die ganz normale HTML-Dokumentation zum Beispiel auf selfhtml.org an und erstelle Dein Layout mittels CSS. Tabellen verwendet man für das Layout seit ca. 2002 nicht mehr.

              Grüße
              Marc

          • Antwort von nach 22 Stunden 0 hilfreich
            Re^2: Ich brauche Hilfe für HTML Tabellen

            Ok alles klar danke!

          • Antwort von nach einem Tag 0 hilfreich
            Re: Ich brauche Hilfe für HTML Tabellen

            Hey,
            Also ich kann schonmal nicht empfehlen, das Layout als Bild in den Hintergrund zu setzen und darauf mit einer Tabelle den Inhalt zu legen. Alle Browser interpretieren die Parameter der Tabelle unterschiedlich. Das Bild wiederholt sich wahrscheinlich, weil du nicht definiert hast, dass es sich nicht wiederholen soll. Das geht mit repeat:no-repeat; Schau dir mal an, wie man mit <div> arbeitet. Das ist einfacher, präziser und schneller. Des Weiteren sind Tabellen heute -genauso wie Frames- nicht mehr zeitgemäß, teilweise sogar verpönt.
            Ich hoffe, ich konnte für helfen und viel Erfolg weiterhin. Lg

        • Antwort von nach 2 Tagen 0 hilfreich
          Re: Ich brauche Hilfe für HTML Tabellen

          Hallo, Schwierigeiten, die Tabellenzellen genau auf die Maße
          zu bekommen die ich brauche, bzw. den Text dorthin zu
          rücken wo ich ihn möchte.
          Ohne das ganze Projekt vor mir zu sehen kann ich da nicht helfen. ABER: Tabellen sind für tabellarische Inhalte, und dienen nicht der grafischen Aufteilung der Webinhalte.
          HTML dient der logischen (semantischen) Textauszeichnung, und ist nicht für das Layout da. Für alles was Grafik angeht gibt es CSS.
          Mal ein Beispiel, wie eine HTML-Resource aussehen kann (Doctype html head title und body sind "Pflicht", hab ich hier jetzt abgekürzt, bei den a- und li-Tags fehlt das eingehende "<" weil wer-weiss-was das sonst nicht filtert):
          <!DOCTYPE ...>
          <html ...>
          <head>
          <title>Titel der Seite</title>
          <meta ... />
          <style type="text/css">@import url("default.css");</style>
          <link rel="stylesheet" media="handheld" type="text/css" href="mobil.css" />
          </head>
          <body>
          <h1>Überschrift</h1>
          <ul id="navi">
          li>a href="seite1.html">Seite 1/a>/li>
          li>a href="seite2.html">Seite 2/a>/li>
          li>a href="seite3.html">Seite 3/a>


            a href="seite31.html">Seite 3.1/a>
            a href="seite32.html">Seite 3.2/a>

          /li>
          a href="seite4.html">Seite 4/a>

        <div id="inhalt">
        <h2 id="erstenachricht">Nachricht 1</h2>
        <p>Dies ist ein Text Text Text Text. :)</p>
        <p>Noch mehr Text.</p>
        <h2 id="zweitenachricht">Nachricht 2</h2>
        <p>Dies ist noch ein weiterer Text.</p>
        </div>
        </body>
        </html>

        Mehr brauchst du in HTML nicht. Wie du siehst keine Grafik, die grafische Umsetzung erfolgt nur in CSS. Google bietet eine große Auswahl, z.B. www.css4you.de Auch wiederholt sich das Hintergrundbild
        Mal ein kleines Beispiel: body {background:url(bild.png) no-repeat #FFF;}

        Viel Spaß dabei.

        Jetzt auf diese Frage antworten.