[FINAL] BBCodeBox3 - Expanded Version (1.0.10)

[4seven]

ist so aber warscheinlich nicht gedacht
http://www.loaditup.de/files/398464.png

browser: firefox 3.5.2
auflösung: 1024 x 768

[Hand of Shadow]

jop und das vid wird auch nicht angezeigt

[hackepeter13]

na das sieht aber komisch aus, aber frag mich nicht wieso das bei dir jetzt so aussieht, irgendwie sieht der Player total verbogen aus.

[Hand of Shadow]

das prob ist ich sehe das ding das erste mal hier im forum so verbogen // das erste mal hier in der art

[DK6510]

Hallo,

ich hab da mal ne Frage zur Tabellen Funktion:

Ich erstelle eine 5 Spaltige Tabelle mit 3 Zeilen. Wenn ich nun die Spalten/Zeilen mit Text/Bildern fülle, kommt es vor, das sich die Spaltenbreite verschiebt (sprich: die Spalten hab nicht mehr alle die gleiche Breite).
Kann ich das so coden, das die Spaltenbreite immer gleich bleibt ???

Hier mal mein Tabellen Code:

Code: Alles auswählen

[table border=1 cellpadding=0 cellspacing=0 width=700px height=45px][tr][td align=center valign=middle bordercolor=#000000 bgcolor=#666666][b][font=Arial Black][size=200][color=deeppink]T[/color][/size][/font][/b][/td][/tr][/table][table border=1 cellpadding=0 cellspacing=0 width=700px height=150px][tr][td align=center valign=middle bordercolor=#000000 bgcolor=#666666][b][color=black]XXX[br][/br][/color][/b]

[url=][img][/img][/url][/td]  [td align=center valign=middle bordercolor=#000000 bgcolor=#666666][b][color=black]XXX[br][/br][/color][/b]

[url=][img][/img][/url][/td]  [td align=center valign=middle bordercolor=#000000 bgcolor=#666666][b][color=black]XXX[br][/br][/color][/b]

[url=][img][/img][/url][/td]  [td align=center valign=middle bordercolor=#000000 bgcolor=#666666][b][color=black]XXX[br][/br][/color][/b]

[url=][img][/img][/url][/td]  [td align=center valign=middle bordercolor=#000000 bgcolor=#666666][b][color=black]XXX[br][/br][/color][/b]

[url=][img][/img][/url][/td][/tr][/table][table border=1 cellpadding=0 cellspacing=0 width=700px height=150px][tr]  [td align=center valign=middle width=120 bordercolor=#000000 bgcolor=#666666][b][color=black]XXX[br][/br][/color][/b]

[url=][img][/img][/url][/td]  [td align=center valign=middle bordercolor=#000000 bgcolor=#666666][b][color=black]XXX[br][/br][/color][/b]

[url=][img][/img][/url][/td]  [td align=center valign=middle bordercolor=#000000 bgcolor=#666666][b][color=black]XXX[br][/br][/color][/b]

[url=][img][/img][/url][/td]  [td align=center valign=middle bordercolor=#000000 bgcolor=#666666][b][color=black]XXX[br][/br][/color][/b]

[url=][img][/img][/url][/td]  [td align=center valign=middle bordercolor=#000000 bgcolor=#666666][b][color=black]XXX[br][/br][/color][/b]

[url=][img][/img][/url][/td][/tr][/table][table border=1 cellpadding=0 cellspacing=0 width=700px height=150px][tr]  [td align=center valign=middle width=120 bordercolor=#000000 bgcolor=#666666][b][color=black]XXX[br][/br][/color][/b]

[url=][img][/img][/url][/td]  [td align=center valign=middle bordercolor=#000000 bgcolor=#666666][b][color=black]XXX[br][/br][/color][/b]

[url=][img][/img][/url][/td]  [td align=center valign=middle bordercolor=#000000 bgcolor=#666666][b][color=black]XXX[br][/br][/color][/b]

[url=][img][/img][/url][/td]  [td align=center valign=middle bordercolor=#000000 bgcolor=#666666][b][color=black]XXX[br][/br][/color][/b]

[url=][img][/img][/url][/td]  [td align=center valign=middle bordercolor=#000000 bgcolor=#666666][b][color=black]XXX[br][/br][/color][/b]

[url=][img][/img][/url][/td][/tr][/table]

Danke schon mal im vorraus.

DK

[hackepeter13]

Hallo,

ich hab da mal ne Frage zur Tabellen Funktion:

Ich erstelle eine 5 Spaltige Tabelle mit 3 Zeilen. Wenn ich nun die Spalten/Zeilen mit Text/Bildern fülle, kommt es vor, das sich die Spaltenbreite verschiebt (sprich: die Spalten hab nicht mehr alle die gleiche Breite).
Kann ich das so coden, das die Spaltenbreite immer gleich bleibt ???

Nein leider nicht, wenn ein Bild eine größere Abmessung hat, als die Spalte an sich, zieht das Bild die Spalte automatisch in die Größe.
Liegt eben daran, dass das Bild eine feste und nicht eine dynamische Breite hat.
So ist es leider nun mal bei HTML.

Einzige Lösung wäre ein IMG BBCode zu erstellen, bei dem man eine eigene Größenangabe machen kann, sodass man dem Bild eine kleinere Größe zuweist.
Was aber zu evtl. zu leicht unerkenntlichen Bildern führen kann, da sie ja nicht mehr in Originalgröße angezeigt werden.

[DK6510]

Hallo hackepeter,

naja mit den Bildern hab ich weniger ein Problem. die kann ich ja schon im Vorfeld größenmäßig an die Spaltengröße anpassen.
Mir gehts eher um den Text (Quasi die Überschrift über dem Bild). Der Zieht mir die Spalte auseinander, obwohl eigentlich noch Platz zum Spaltenrand wäre.

Geht da vielleicht was ?

[hackepeter13]

Ich kann mir da gerade bildlich nix vorstellen, wie du das genau meinst.

Mach mal bitte ein Screenshot oder gib ein Link zum Anschauen der Sache.

Weil wie gesagt, Tabellen passen sich meistens dem Inhalt an, sofern ein größeres Element drin vorhanden ist, als die Tabelle sein soll.

[DK6510]

Ok, hier der Screenshot.
Die Spalte in der Mitte ist Abstandsmäßig optimal. Aber bei Zeile 1 + 3 verschieben sich die Breiten.
Ich wär ja auch damit zufrieden, wenn der Text in z.b. Spalte 2 der 1. Zeile sich in Spalte 3 hinein verschiebt.
Dann würd ich nen manuellen Zeilenumbruch machen und fertig.

[ externes Bild ]

Hier der Code zu dem Screen:

Code: Alles auswählen

[table border=1 cellpadding=0 cellspacing=0 width=700px height=45px][tr][td align=center valign=middle bordercolor=#000000 bgcolor=#666666][b][font=Arial Black][size=200][color=deeppink]T[/color][/size][/font][/b][/td][/tr][/table][table border=1 cellpadding=0 cellspacing=0 width=700px height=150px][tr][td align=center valign=middle bordercolor=#000000 bgcolor=#666666][b][color=black]Montag[br][/br][/color][/b]

[url=http://www.google.de/firefox][img]http://www.abload.de/img/p2wheelcropooui.jpg[/img][/url][/td]  [td align=center valign=middle bordercolor=#000000 bgcolor=#666666][b][color=black]Automesse IAA Frankfurt[br][/br][/color][/b]

[url=http://www.google.de/firefox][img]http://www.abload.de/img/p2wheelcropooui.jpg[/img][/url][/td]  [td align=center valign=middle bordercolor=#000000 bgcolor=#666666][b][color=black]Test Test Tes[br][/br][/color][/b]

[url=http://www.google.de/firefox][img]http://www.abload.de/img/p2wheelcropooui.jpg[/img][/url][/td]  [td align=center valign=middle bordercolor=#000000 bgcolor=#666666][b][color=black]Doppeltest Doppeltest[br][/br][/color][/b]

[url=http://www.google.de/firefox][img]http://www.abload.de/img/p2wheelcropooui.jpg[/img][/url][/td]  [td align=center valign=middle bordercolor=#000000 bgcolor=#666666][b][color=black]Januar[br][/br][/color][/b]

[url=http://www.google.de/firefox][img]http://www.abload.de/img/p2wheelcropooui.jpg[/img][/url][/td][/tr][/table][table border=1 cellpadding=0 cellspacing=0 width=700px height=150px][tr]  [td align=center valign=middle width=120 bordercolor=#000000 bgcolor=#666666][b][color=black]XXX[br][/br][/color][/b]

[url=http://www.google.de/firefox][img]http://www.abload.de/img/p2wheelcropooui.jpg[/img][/url][/td]  [td align=center valign=middle bordercolor=#000000 bgcolor=#666666][b][color=black]XXX[br][/br][/color][/b]

[url=http://www.google.de/firefox][img]http://www.abload.de/img/p2wheelcropooui.jpg[/img][/url][/td]  [td align=center valign=middle bordercolor=#000000 bgcolor=#666666][b][color=black]XXX[br][/br][/color][/b]

[url=http://www.google.de/firefox][img]http://www.abload.de/img/p2wheelcropooui.jpg[/img][/url][/td]  [td align=center valign=middle bordercolor=#000000 bgcolor=#666666][b][color=black]XXX[br][/br][/color][/b]

[url=http://www.google.de/firefox][img]http://www.abload.de/img/p2wheelcropooui.jpg[/img][/url][/td]  [td align=center valign=middle bordercolor=#000000 bgcolor=#666666][b][color=black]XXX[br][/br][/color][/b]

[url=http://www.google.de/firefox][img]http://www.abload.de/img/p2wheelcropooui.jpg[/img][/url][/td][/tr][/table][table border=1 cellpadding=0 cellspacing=0 width=700px height=150px][tr]  [td align=center valign=middle width=120 bordercolor=#000000 bgcolor=#666666][b][color=black]Sonstiges[br][/br][/color][/b]

[url=http://www.google.de/firefox][img]http://www.abload.de/img/p2wheelcropooui.jpg[/img][/url][/td]  [td align=center valign=middle bordercolor=#000000 bgcolor=#666666][b][color=black]Sonntag 06.09.09[br][/br][/color][/b]

[url=http://www.google.de/firefox][img]http://www.abload.de/img/p2wheelcropooui.jpg[/img][/url][/td]  [td align=center valign=middle bordercolor=#000000 bgcolor=#666666][b][color=black]XXX[br][/br][/color][/b]

[url=http://www.google.de/firefox][img]http://www.abload.de/img/p2wheelcropooui.jpg[/img][/url][/td]  [td align=center valign=middle bordercolor=#000000 bgcolor=#666666][b][color=black]XXX[br][/br][/color][/b]

[url=http://www.google.de/firefox][img]http://www.abload.de/img/p2wheelcropooui.jpg[/img][/url][/td]  [td align=center valign=middle bordercolor=#000000 bgcolor=#666666][b][color=black]Senderübersicht[br][/br][/color][/b]

[url=http://www.google.de/firefox][img]http://www.abload.de/img/p2wheelcropooui.jpg[/img][/url][/td][/tr][/table]

[hackepeter13]

Ok verstehe.

1. Du hast jede Zeile als eine Tabelle gemacht.
2. Jede Zelle passt sich wie gesagt dem Inhalt an ohne dabei die angegebene Gesamtbreite der Tabelle zu ändern - bei dir also 700px.
3. Demzufolge werden Zellen bei breiterem Inhalt prozentuall breiter dargestellt als die mit schmalerem Inhalt.
4. Inhalte aus einer Zelle kann man bei Tabellen so nicht in eine andere Zelle überlaufen lassen.

Als erstes und einfachste Lösung schlage ich dir folgendes vor:

Mache die letzten 3 Zeilen (also die mit den Bildern) zu einer Tabelle, damit haben dann alle Zellen untereinander schonmal eine einheitliche Breite.
Der Code würde dann so aussehen:

Code: Alles auswählen

[table border=1 cellpadding=0 cellspacing=0 width=700px height=45px][tr][td align=center valign=middle bordercolor=#000000 bgcolor=#666666][b][font=Arial Black][size=200][color=deeppink]T[/color][/size][/font][/b][/td][/tr][/table][table border=1 cellpadding=0 cellspacing=0 width=700px height=150px][tr][td align=center valign=middle bordercolor=#000000 bgcolor=#666666][b][color=black]Montag[br][/br][/color][/b]

[url=http://www.google.de/firefox][img]http://www.abload.de/img/p2wheelcropooui.jpg[/img][/url][/td]  [td align=center valign=middle bordercolor=#000000 bgcolor=#666666][b][color=black]Automesse IAA Frankfurt[br][/br][/color][/b]

[url=http://www.google.de/firefox][img]http://www.abload.de/img/p2wheelcropooui.jpg[/img][/url][/td]  [td align=center valign=middle bordercolor=#000000 bgcolor=#666666][b][color=black]Test Test Tes[br][/br][/color][/b]

[url=http://www.google.de/firefox][img]http://www.abload.de/img/p2wheelcropooui.jpg[/img][/url][/td]  [td align=center valign=middle bordercolor=#000000 bgcolor=#666666][b][color=black]Doppeltest Doppeltest[br][/br][/color][/b]

[url=http://www.google.de/firefox][img]http://www.abload.de/img/p2wheelcropooui.jpg[/img][/url][/td]  [td align=center valign=middle bordercolor=#000000 bgcolor=#666666][b][color=black]Januar[br][/br][/color][/b]

[url=http://www.google.de/firefox][img]http://www.abload.de/img/p2wheelcropooui.jpg[/img][/url][/td][/tr][tr][td align=center valign=middle width=120 bordercolor=#000000 bgcolor=#666666][b][color=black]XXX[br][/br][/color][/b]

[url=http://www.google.de/firefox][img]http://www.abload.de/img/p2wheelcropooui.jpg[/img][/url][/td]  [td align=center valign=middle bordercolor=#000000 bgcolor=#666666][b][color=black]XXX[br][/br][/color][/b]

[url=http://www.google.de/firefox][img]http://www.abload.de/img/p2wheelcropooui.jpg[/img][/url][/td]  [td align=center valign=middle bordercolor=#000000 bgcolor=#666666][b][color=black]XXX[br][/br][/color][/b]

[url=http://www.google.de/firefox][img]http://www.abload.de/img/p2wheelcropooui.jpg[/img][/url][/td]  [td align=center valign=middle bordercolor=#000000 bgcolor=#666666][b][color=black]XXX[br][/br][/color][/b]

[url=http://www.google.de/firefox][img]http://www.abload.de/img/p2wheelcropooui.jpg[/img][/url][/td]  [td align=center valign=middle bordercolor=#000000 bgcolor=#666666][b][color=black]XXX[br][/br][/color][/b]

[url=http://www.google.de/firefox][img]http://www.abload.de/img/p2wheelcropooui.jpg[/img][/url][/td][/tr][tr][td align=center valign=middle width=120 bordercolor=#000000 bgcolor=#666666][b][color=black]Sonstiges[br][/br][/color][/b]

[url=http://www.google.de/firefox][img]http://www.abload.de/img/p2wheelcropooui.jpg[/img][/url][/td]  [td align=center valign=middle bordercolor=#000000 bgcolor=#666666][b][color=black]Sonntag 06.09.09[br][/br][/color][/b]

[url=http://www.google.de/firefox][img]http://www.abload.de/img/p2wheelcropooui.jpg[/img][/url][/td]  [td align=center valign=middle bordercolor=#000000 bgcolor=#666666][b][color=black]XXX[br][/br][/color][/b]

[url=http://www.google.de/firefox][img]http://www.abload.de/img/p2wheelcropooui.jpg[/img][/url][/td]  [td align=center valign=middle bordercolor=#000000 bgcolor=#666666][b][color=black]XXX[br][/br][/color][/b]

[url=http://www.google.de/firefox][img]http://www.abload.de/img/p2wheelcropooui.jpg[/img][/url][/td]  [td align=center valign=middle bordercolor=#000000 bgcolor=#666666][b][color=black]Senderübersicht[br][/br][/color][/b]

[url=http://www.google.de/firefox][img]http://www.abload.de/img/p2wheelcropooui.jpg[/img][/url][/td][/tr][/table]

Im Prinzip 2x

Code: Alles auswählen

[/table][table border=1 cellpadding=0 cellspacing=0 width=700px height=150px]

entfernen.

Das würde dann dem entsprechen, als hättest du eine Tabelle mit 3 Zeilen und 5 Spalten mit dem Tabellengenerator erstellt.