Problem Lücke zwischen text und Tabelle

von iaido Sa 19 Okt 2013 - 7:03

Hallo ersteinmal,

Ich bin Anfänger und versuche seit ein paar Tagen ein Spiele Forum zu errichten.

Mein Problem:

Wenn ich eine Tabelle erstelle, entsteht oberhalb der Tabelle eine riesige Lücke. Wie kann ich das lösen.
Ich habe HTML und BBCode aktiviert und benutze den IE10 und CHrome.

Code:: Problem Gap between Text and Table <html> <head> <title>Tabelle Bird</title> </head> <body> <table border="2"> <caption align=top>Godly Demon Bird</caption> <td>[url=http://www.servimg.com/image_preview.php?i=14&u=18573313][img]http://i56.servimg.com/u/f56/18/57/33/13/bird011.gif[/img][/url]</td> <td>[url=http://www.servimg.com/image_preview.php?i=15&u=18573313][img]http://i56.servimg.com/u/f56/18/57/33/13/bird2511.gif[/img][/url]</td> <td>[url=http://www.servimg.com/image_preview.php?i=16&u=18573313][img]http://i56.servimg.com/u/f56/18/57/33/13/bird5011.gif[/img][/url]</td> <td>[url=http://www.servimg.com/image_preview.php?i=17&u=18573313][img]http://i56.servimg.com/u/f56/18/57/33/13/bird7511.gif[/img][/url]</td> <td>[url=http://www.servimg.com/image_preview.php?i=18&u=18573313][img]http://i56.servimg.com/u/f56/18/57/33/13/bird1011.gif[/img][/url]</td> <td>[url=http://www.servimg.com/image_preview.php?i=19&u=18573313][img]http://i56.servimg.com/u/f56/18/57/33/13/bird2011.gif[/img][/url]</td> <tr> <td ALIGN=CENTER>0%</td> <td ALIGN=CENTER>25%</td> <td ALIGN=CENTER>50%</td> <td ALIGN=CENTER>75%</td> <td ALIGN=CENTER>100%</td> <td ALIGN=CENTER>200%</td> </tr> <td ALIGN=CENTER>+0 dmg</td> <td ALIGN=CENTER>+125 dmg</td> <td ALIGN=CENTER>+250 dmg</td> <td ALIGN=CENTER>+375 dmg</td> <td ALIGN=CENTER>+500 dmg</td> <td ALIGN=CENTER>+1.100 dmg</td> </tr> </table> </body> </html>

Zwischen den Text "Problem Gab between Text and Table" und der Tabelle ist ein riesen lücke

Danke im voraus schonmal

von #Frank Sa 19 Okt 2013 - 10:01

Diese Tabelle soll in einem Beitrag erscheinen?
Warum nutzt du dafür dann nicht BBCode?
Das Problem ist, das dein HTML Code strukturiert ist und das solche Strukturen Zeilenumbrüche enthalten.
Diese Zeilenumbrüche werden blöderweise als Leerzeilen über dem HTML interpretiert.

Weiterhin ist hier nur der Teil innerhalb des Body Tags notwendig. Alles andere brauchst du hier nicht und wird so auch nicht interpretiert.

von iaido Sa 19 Okt 2013 - 10:29

Hallo Frank,
danke für die schnelle Antwort, nicht schlecht.

Ja die Tabelle soll in einen Beitrag erscheinen.
Ich habe den coed nun verändert. trotzdem habe ich eine Riesen Lücke zwischen Text und tabelle.

Code:: Godly Demon Bird [table] [border=2] [tr] [td][url=http://www.servimg.com/image_preview.php?i=14&u=18573313][img]http://i56.servimg.com/u/f56/18/57/33/13/bird011.gif[/img][/url][/td] [td][url=http://www.servimg.com/image_preview.php?i=15&u=18573313][img]http://i56.servimg.com/u/f56/18/57/33/13/bird2511.gif[/img][/url][/td] [td][url=http://www.servimg.com/image_preview.php?i=16&u=18573313][img]http://i56.servimg.com/u/f56/18/57/33/13/bird5011.gif[/img][/url][/td] [td][url=http://www.servimg.com/image_preview.php?i=17&u=18573313][img]http://i56.servimg.com/u/f56/18/57/33/13/bird7511.gif[/img][/url][/td] [td][url=http://www.servimg.com/image_preview.php?i=18&u=18573313][img]http://i56.servimg.com/u/f56/18/57/33/13/bird1011.gif[/img][/url][/td] [td][url=http://www.servimg.com/image_preview.php?i=19&u=18573313][img]http://i56.servimg.com/u/f56/18/57/33/13/bird2011.gif[/img][/url][/td] [/tr] [tr] [td]0%[/td] [td]25%[/td] [td]50%[/td] [td]75%[/td] [td]100%[/td] [td]200%[/td] [/tr] [td]+0 dmg[/td] [td]+125 dmg[/td] [td]+250 dmg[/td] [td]+375 dmg[/td] [td]+500 dmg[/td] [td]+1.100 dmg[/td] [/tr] [/table]

Ich habe es nun geändert und habe html fuer Beitrage und im Admin Profil deaktiviert.

Wie implementiere ich nun die Befehle für Tabellen Rahmen <Border = 2> und die Ausrichtung des Textes <Align=center) in den code?
Wie mueste der code/befehl aussehen?

Vielen Dank Frank

von #Frank Sa 19 Okt 2013 - 10:51

Ach, das ist mir vorhin gar nicht aufgefallen.
Du hast auch wieder einen Fehler gemacht, das du HTML und BBCode vermischt hast.
Alles was in Spitzen klammern steht ist HTML <..>. Alles was in Eckigen klammern [...] steht ist BBCode.
Du musst dich schon entscheiden, was du machst. entweder BBCode oder HTML benutzen.
Beides gemischt ist nicht wirklich richtig.
Du solltest dich für BBCode entscheiden.
Ich habe dir deine Tabelle mal eben komplett in BBCode umgestellt:

Code:: [table border="2"] [tr] [td COLSPAN="6"][CENTER]Godly Demon Bird[/CENTER][/td] [/tr] [tr] [td][url=http://www.servimg.com/image_preview.php?i=14&u=18573313][img]http://i56.servimg.com/u/f56/18/57/33/13/bird011.gif[/img][/url][/td] [td][url=http://www.servimg.com/image_preview.php?i=15&u=18573313][img]http://i56.servimg.com/u/f56/18/57/33/13/bird2511.gif[/img][/url][/td] [td][url=http://www.servimg.com/image_preview.php?i=16&u=18573313][img]http://i56.servimg.com/u/f56/18/57/33/13/bird5011.gif[/img][/url][/td] [td][url=http://www.servimg.com/image_preview.php?i=17&u=18573313][img]http://i56.servimg.com/u/f56/18/57/33/13/bird7511.gif[/img][/url][/td] [td][url=http://www.servimg.com/image_preview.php?i=18&u=18573313][img]http://i56.servimg.com/u/f56/18/57/33/13/bird1011.gif[/img][/url][/td] [td][url=http://www.servimg.com/image_preview.php?i=19&u=18573313][img]http://i56.servimg.com/u/f56/18/57/33/13/bird2011.gif[/img][/url][/td] [/tr] [tr] [td ALIGN=CENTER]0%[/td] [td ALIGN=CENTER]25%[/td] [td ALIGN=CENTER]50%[/td] [td ALIGN=CENTER]75%[/td] [td ALIGN=CENTER]100%[/td] [td ALIGN=CENTER]200%[/td] [/tr] [tr] [td ALIGN=CENTER]+0 dmg[/td] [td ALIGN=CENTER]+125 dmg[/td] [td ALIGN=CENTER]+250 dmg[/td] [td ALIGN=CENTER]+375 dmg[/td] [td ALIGN=CENTER]+500 dmg[/td] [td ALIGN=CENTER]+1.100 dmg[/td] [/tr] [/table]

Aussehen tut es dann so:

Godly Demon Bird

0%	25%	50%	75%	100%	200%
+0 dmg	+125 dmg	+250 dmg	+375 dmg	+500 dmg	+1.100 dmg

von #Frank Sa 19 Okt 2013 - 10:55

Zusatz, weil ich oben nicht editieren möchte:
Du solltest deine Tabelle so in einem Texteditor bearbeiten und erst dann wenn du alles hast in deinen Beitrag einsetzen.
Wenn du die Tabelle editierst, wird die Strukturierung entfernt, weil hier der Editor die Unnötigen Zeilenumbrüche entfernt und es dann etwas unübersichtlich wird.
Auch solltest du dir angewöhnen das du die Codes immer in Kleinbuchstaben schreibst. Das ist leichter zu schreiben.

von iaido Sa 19 Okt 2013 - 11:22

Hallo Frank,

Wow! Super!
und Danke für die Hinweise.

Ich bin zwar kein Maedel, aber kriegst trotzdem einen dicken Kuss^^.

Vielen Dank nochmals^^

von #Frank Sa 19 Okt 2013 - 11:42

Na alles klar...
Wie du siehst funktioniert das:

Code:: [td ALIGN=CENTER]0%[/td]

So in der BBCode Tabelle nicht.
Du musst das noch so umstellen:

Code:: [td][CENTER]0%[/CENTER][/td]

Tabelle Startseite - Problem Lücke zwischen text und Tabelle 11810

Icon wurde gesetzt und deshalb closed

	Neue Beiträge seit dem letzten Besuch.	
	Textbausteine des MODERATIONSTOOL	
	AB > PFAD > GENERATOR	
	FORUM > PFAD > GENERATOR	
	Unterstützung Lösungs-Probleme	
	Auffällige User	
	Der Runde Tisch	
	HÄUFIG GESTELLTE FRAGEN	

Problem Lücke zwischen text und Tabelle

Problem Lücke zwischen text und Tabelle

Re: Problem Lücke zwischen text und Tabelle

Funktioniert, aber noch nicht zufrieden.

Re: Problem Lücke zwischen text und Tabelle

Re: Problem Lücke zwischen text und Tabelle

WOW

Re: Problem Lücke zwischen text und Tabelle