1. Dashboard
  2. Artikel
  3. Mitglieder
    1. Letzte Aktivitäten
    2. Benutzer online
    3. Team
    4. Mitgliedersuche
  4. Forum
    1. Unerledigte Themen
  • Anmelden
  • Registrieren
  • Suche
Dieses Thema
  1. HTML - Webmaster Forum
  2. HTML / Webmaster Forum
  3. HTML & CSS Forum

tabelle mit html

  • Cathi001
  • 18. September 2009 um 14:23
  • Cathi001
    Youngster
    Beiträge
    9
    • 18. September 2009 um 14:23
    • #1

    Hi!
    Komme grad nicht weiter. Ich habe eine Tabelle erstellt und wollte das das Bild rechts ist un der text links

    <table>
    <tr>
    <th>So spielst Du den Ball</th>
    </tr>
    <tr>
    <td>Du darfst den Ball mit allen Körperteilen spielen, außer mit Unterschenkeln oder Füßen.
    <br>Du darfst den Ball höchstens 3 Sekunden festhalten.
    <br>Du darfst Dich mit dem Ball in der Hand höchstens 3 Schritte bewegen.
    <br>Du darfst den Ball beliebig oft prellen</td>
    <td><img src="handballer.gif" alt=Handballspieler></td>
    </tr>
    </table>

    eig. müsste es ja so gehen... aber der Tabellen head hat einen sehr weiten abstand zu dem anderen text... was hab ich falsch gemacht?

  • Grevas
    König(in)
    Reaktionen
    3
    Beiträge
    1.043
    • 18. September 2009 um 14:35
    • #2

    mach beim 2ten <tr> ein <tr valign="top"> draus

  • Cathi001
    Youngster
    Beiträge
    9
    • 18. September 2009 um 14:37
    • #3

    ah okay dankeschöön kannst mir vllt noch erklären warum un was des bedeutet?

  • driver
    Forum Guru
    Reaktionen
    6
    Beiträge
    20.727
    • 18. September 2009 um 14:59
    • #4

    valign ist die vertikale ausrichtung. da gibt es top, middle und bottom.
    also oben, mittig und unten. da dein bild vermutlich höher is als der
    text auf der anderen seite wird die standardeinstellung "middle" genommen.
    und der text also in der mitte der zelle angezeigt. durch top wird alles
    oben ausgerichtet

    >> die icq-schreiberlinge bitte dies hier beachten

    [Blockierte Grafik: http://www.devil-driver.de/stuff/forum-banner.png]

    1679 entdeckte Gottfried Wilhelm Leibniz das Binärsystem, bei einem Gespräch mit seiner Mutter: "Ja..., Nein..., Nein..., Nein..., Ja..., Ja..., Nein..."

  • Cathi001
    Youngster
    Beiträge
    9
    • 18. September 2009 um 14:59
    • #5

    naja also des hat jetzt geklappt aber wollte dan noch wissen wie ich des mach wenn ich das bild links haben will und rechts der text mit th
    also

    und hier der th
    Bild und dann hier der text
    Bild mit bisschen abstand zum bild
    Bild

    <table>
    <tr>
    <th>So spielst Du als Torwart</th>
    <tr valign="top">
    <td><img src="torwart.gif" alt=Torwart>


    Du darfst den Ball mit allen Körperteilen abwehren.
    <br>Der Torwart verlässt den Torraum nur ohne Ball.
    <br>Wenn Du den Ball über oder neben das Tor lenkst, darfst Du ihn abspielen.
    <br>Die Regeln "So spielst Du den Ball" gelten für den Torwart nicht.</td>
    </tr>


    </table>

    des habe ich geschrieben hat aber nicht richtig geklappt

  • Bandit
    Gast
    • 18. September 2009 um 15:00
    • #6

    Warum siehst du nicht mal in der HTML-Bibel nach? Siehe http://de.selfhtml.org/

    Außerdem hast du da eine Aufzählung, warum dann nicht eine Aufzählung in HTML benutzen? Auch dazu findest du Infos auf SelfHTML

  • driver
    Forum Guru
    Reaktionen
    6
    Beiträge
    20.727
    • 18. September 2009 um 15:01
    • #7
    HTML
    <table>
    <tr><th colspan="2">head</th></tr>
    <tr style="vertical-align:top;">
    <td>bild</td>
    <td>text</td>
    </tr>
    </table>

    >> die icq-schreiberlinge bitte dies hier beachten

    [Blockierte Grafik: http://www.devil-driver.de/stuff/forum-banner.png]

    1679 entdeckte Gottfried Wilhelm Leibniz das Binärsystem, bei einem Gespräch mit seiner Mutter: "Ja..., Nein..., Nein..., Nein..., Ja..., Ja..., Nein..."

  • Cathi001
    Youngster
    Beiträge
    9
    • 18. September 2009 um 15:11
    • #8

    ah danke... aber wenn ich den colspan wert verändere rutscht das bild nicht weiter nach links...

  • Bandit
    Gast
    • 18. September 2009 um 15:35
    • #9

    Vielleicht einfach mal eine Breite definieren? Oder Margin und Padding sinnvoll einsetzen?

  • Cathi001
    Youngster
    Beiträge
    9
    • 18. September 2009 um 20:06
    • #10

    <table>
    <tr>
    <th>So spielst Du als Torwart</th></tr>
    <tr style="vertical-align:top;">

    <td><div id="abstand"><img src="torwart.gif" alt=Torwart></div></td>

    <td>Du darfst den Ball mit allen Körperteilen abwehren.
    <br>Der Torwart verlässt den Torraum nur ohne Ball.
    <br>Wenn Du den Ball über oder neben das Tor lenkst, darfst Du ihn abspielen.
    <br>Die Regeln "So spielst Du den Ball" gelten für den Torwart nicht.
    </td>
    </tr>


    </table>


    ich habe jetzt mit einem div gearbeitet aber der th ist jetzt nicht über dem text un der text steht ganz oben am bild obwohl ich es gerne so möchte:

    ////////UND HIER ÜBER DEM TEXT das th
    bild
    bild//// UND HIER DEN TEXT
    bild
    bild

    Einmal editiert, zuletzt von Cathi001 (18. September 2009 um 20:09)

  • Grevas
    König(in)
    Reaktionen
    3
    Beiträge
    1.043
    • 18. September 2009 um 20:10
    • #11

    wie wärs wenn du kein <th> sondern <td></td><td>header</td> machst?...

  • Cathi001
    Youngster
    Beiträge
    9
    • 18. September 2009 um 20:15
    • #12

    ah okay also wenn ich als überschrift haben will So spielst du als Torwart
    muss ich dann des header auch noch dazu schreiben soo??

    <td>So spiels Du als Torwart</td><td>header</td>

  • Bandit
    Gast
    • 18. September 2009 um 20:49
    • #13

    Das darf doch echt nicht wahr sein. Hier wird der Aufbau einer HTML-Tabelle besprochen!?!?!?!? Die sind absolute Grundlagen, soetwas kann man sich selbst aneignen.

    http://de.selfhtml.org/
    http://www.css4you.de/index.html

    Da findest du alles, was du wissen musst.

  • Cathi001
    Youngster
    Beiträge
    9
    • 18. September 2009 um 20:51
    • #14

    halloooo. ich versteh des vllt nicht bei self html... un des ist sehr kompliziert gemacht für einen anfänger

  • Bandit
    Gast
    • 18. September 2009 um 20:53
    • #15

    Da ist nichts kompliziert dran, zumal dort massenhaft Beispiele zu finden sind. Auch wenn ich von solchen Programmen nicht viel halte, aber vielleicht ist NVU besser für dich. Denn wenn du schon an einer einfachen Tabelle scheiterst....

  • Cathi001
    Youngster
    Beiträge
    9
    • 18. September 2009 um 20:58
    • #16

    ich scheitere nicht an einer einfachen tabelle ich meine ich binde bilder mit ein und habe ein problem mit einem hd... un das sind spezielle probleme die sonst nicht erläutert werden...

  • Bandit
    Gast
    • 18. September 2009 um 21:20
    • #17

    Sorry, du hast NULL Ahnung und bist anscheinend auch nicht bereit, diesen Zustand mit Hilfe von SelfHTML zu ändern. Bisher hat man von dir nur fehlerhaften HTML-Code gesehen, stocherst nur im Nebel rum und wartest darauf, dass dir jemand den fertigen HTML-Code liefert. Ganz ehrlich? Ich hoffe nur, dass dir niemand den Quellcode serviert, denn dafür zeigst du deutlich zu wenig Eigeninitiative.

    Sieh' dir die Beispiele auf SelfHTML an, da kannst du dir sogar was passendes per Copy/Paste rausholen und anpassen.

  • Cathi001
    Youngster
    Beiträge
    9
    • 18. September 2009 um 21:26
    • #18

    jaaa sorry ich bin grad eine woche in cit wie soll ich da die große ahnung haben ich glaube jeder fängt erst mal klein an....

  • Grevas
    König(in)
    Reaktionen
    3
    Beiträge
    1.043
    • 18. September 2009 um 22:02
    • #19
    Zitat von Cathi001

    jaaa sorry ich bin grad eine woche in cit wie soll ich da die große ahnung haben ich glaube jeder fängt erst mal klein an....

    Das ist richtig, nur wird es bei dir so bleiben wenn du jetzt nichtmal selbst was ausprobierst. Ich hab dir geschrieben wie ichs machen würde - ohne TH... und was header heißt, darfst du dir auch vom leo selbst übersetzen lassen, anscheinend weist du es nämlich noch nicht.

  • thilda
    Meister(in)
    Beiträge
    278
    • 19. September 2009 um 09:32
    • #20

    Ganz abgesehen davon das du hier das ein oder andere mal daneben geraten hast.

    Gerade als anfänger solltest du nicht anfangen mit Tabellen dein Layout zu erstellen.
    Denn dann fängst du gleich falsch an...
    Nutze doch also einfach gleich die hohe Kunst des CSS und nur so als Tipp. Das geht nicht von hier auf jetzt. Nimm dir also bitte etwas Zeit dafür. Und dann lesen, lesen. lesen. Und dann ausprobieren, ausprobieren, ausprobieren.

    Soviel erstmal von mir.
    Viel Spass und viel Erfolg wünsche ich dir.

Tags

  • hilfe
  • www
  • html
  • http
  • style
  • quellcode
  • text
  • selfhtml
  • bild
  • tabelle
  • programme
  • bot
  • bottom
  • htm
  • index
  • index.html
  • css
  • table
  • zelle
  • middle
  • align
  • padding
  • standardeinstellung
  1. Datenschutzerklärung
  2. Impressum
Community-Software: WoltLab Suite™
  • Alles
  • Dieses Thema
  • Dieses Forum
  • Artikel
  • Seiten
  • Forum
  • Erweiterte Suche
Zitat speichern