hilfe zu tables! klaube colspan is es!

[superharry]

ich bin gerade dabei für unserenn clan ne page zu coden!! hier
aber ich weiß nich wieso aber wenn ich die letzen 2 buttons raus nehm und die images auf 108 width nehme (banner länge durch 8 buttons)! hier
verzert das auf der rechten seite alles! also die tables und unter den buttons rutscht auch alle weiter nach rechts
ich bin der meinug das liegt an einem colspan aber ich find den übeltäter nich!
könnt ihr mir weiter helfen?

 

[Maik]

Schwer zu sagen, wo in diesem verschachtelten Tabellen-Layout der Fehler steckt

Aufffällig ist die Diskrepanz zwischen der einheitlichen Grafikbreite (108px) und den unterschiedlich breiten Tabellenzellen (65 - 109px).

 

[superharry]

Re: hilfe zu tables! glaube colspan is es!

ich hab ja auch schon die bilder alle auf 108 px gemacht und die width's im <img> und <td> tag auf 108 gestellt! aber es is immer noch so verzerrt! hat den keiner ahnung von son verschachteltem mist!
was ich schon komisch finde wieso hat der banner ein colspan von 14 bei 10 buttons die drunter sind
aber ich glaub mehr kann man von einem kostenlosen template nicherwarten!

 

[Maik]

Re: hilfe zu tables! glaube colspan is es!

ich hab ja auch schon die bilder alle auf 108 px gemacht und die width's im <img> und <td> tag auf 108 gestellt! aber es is immer noch so verzerrt!

Im HTML-Source finde ich noch immer die unterschiedlichen Weitenangaben für die einzelnen Tabellenzellen (bei gleich breiten Grafiken), zudem besitzen zwei Zellen anstelle des width-Attributs das Attribut colspan="3" ...

 

[superharry]

Re: hilfe zu tables! glaube colspan is es!

zudem besitzen zwei Zellen anstelle des width-Attributs das Attribut colspan="3" ...

ja das macht mich ja auch stutzig!

 

[Maik]

Re: hilfe zu tables! glaube colspan is es!

zudem besitzen zwei Zellen anstelle des width-Attributs das Attribut colspan="3" ...

ja das macht mich ja auch stutzig!

Schon mal das colspan-Attribut entfernt, das width-Attribut mit der entsprechenden Weitenangabe eingesetzt und diese Veränderung im Browser überprüft ...

 

[Tribalman]

Re: hilfe zu tables! Ich glaube colspan ist es!

Betrachten wir mal die ersten drei Zeilen <tr>. Sehen wir mal, wieviele Zellen in
jeder Zeile sind. Achtung! Die colspan und rowspan Angaben müssen wir natürlich
mit einrechnen.

Zeile 1 hat 18 Zellen. 4 mit rowspan=2 und eine mit colspan=14
Zeile 2 hat 18 Zellen. 8 Einzelzellen und 2 mit colspan=3. Dazu kommen die vier Zellen aus der ersten Zeile, die mit rowspan erweitert wurden!
Zeile 3 hat wieder 18 Zellen. 6 Einzelzellen und 2 mit colspan=3 und eine mit colspan=6

Deine 10 Buttons sind in Zeile 2. Wenn du zwei Zellen rausnimmst, musst du 2 andere
Zellen mit colspan "auffüllen". Du könntest zum Beipiel die beiden Zellen mit colspan=3
auf colspan=4 ändern. Oder du fügst bei zwei anderen Zellen (in dieser Zeile) colspan=2
ein. Das müsste reichen.

Hoffe es hilft,
Stefan

Achtung! Da das ganze Design in einer einzigen großen Tabelle sitzt, kann die Änderung
oben dazu führen, das einige Spalten unten schmaler oder breiter werden. Aber mach
erstmal, dann sehen wir weiter.

 

[superharry]

Re: hilfe zu tables! Ich glaube colspan ist es!

Betrachten wir mal die ersten drei Zeilen <tr>. Sehen wir mal, wieviele Zellen in
jeder Zeile sind. Achtung! Die colspan und rowspan Angaben müssen wir natürlich
mit einrechnen.

Zeile 1 hat 18 Zellen. 4 mit rowspan=2 und eine mit colspan=14
Zeile 2 hat 18 Zellen. 8 Einzelzellen und 2 mit colspan=3. Dazu kommen die vier Zellen aus der ersten Zeile, die mit rowspan erweitert wurden!
Zeile 3 hat wieder 18 Zellen. 6 Einzelzellen und 2 mit colspan=3 und eine mit colspan=6

Deine 10 Buttons sind in Zeile 2. Wenn du zwei Zellen rausnimmst, musst du 2 andere
Zellen mit colspan "auffüllen". Du könntest zum Beipiel die beiden Zellen mit colspan=3
auf colspan=4 ändern. Oder du fügst bei zwei anderen Zellen (in dieser Zeile) colspan=2
ein. Das müsste reichen.

Hoffe es hilft,
Stefan

Achtung! Da das ganze Design in einer einzigen großen Tabelle sitzt, kann die Änderung
oben dazu führen, das einige Spalten unten schmaler oder breiter werden. Aber mach
erstmal, dann sehen wir weiter.

also danke das du dir soviel mühe gibst! ich brauchte erstmal ne halbe stunde bis ich mich da reingefitzt habe!
hier

hab jetzt in der 2 zeile 2 andere zellen auf colspan=2 stellt wo das noch nicht drin stand! aber es is immernoch verschoben!hatte auch die 2 colspan=3 auf colspan=4 gestellt aber da wars auch nich besser!

wir haben jetzt ein anderes template genommen!
also kannst sein lassen! aber wenn de willst hier gibts sicher noch leute die auch probs mit dem doofen colspan

 

[Tribalman]

Dann liegt es an dem ganzen Zeug, das danach kommt! Ich hatte mir mal
die ersten drei Zeilen genommen und daraus eine eigene Tabelle gemacht –
also die Tabelle nach der dritten Zeile mit </table> geschlossen – und das
hat funktioniert. Allerdings fehlten mit die Bilder …
Ich nehme an, das die Zeilen und Zellen die weiter unten kommen auf den
Teil oben Bezug nehmen. Ich muss mich das nochmal in Ruhe dransetzen.

bis später,
T

PS. Prinzipiell wäre es einfacher wenn man die große Tabelle in mehrere
kleine Tabellen aufteilt. Das macht die Fehlersuche wesentlich einfacher!

 

[Tribalman]

OK

Ich bin ja hartnäckig

Sollen die acht Buttons, die du verwenden willst, alle gleich breit sein?
Du hast was von 108 Pixel gesagt. Wenn du dir die Buttons im Original-
Template ansiehst, merkst du, dass die nicht alle gleich breit sind.

T