Rusks JRPG-Challenge 2018 [12/12] [Neu: Abschlussfazit]

[Ὀρφεύς]

6 / 10

...

Könnte schwören da stand heute Morgen noch 7 / 10.
Toukiden 2 klingt irgendwie so belanglos.
Ganz nett mit vielen Macken, was man zocken kann, wenn überhaupt nichts anderes griffbereit liegt.
Wird von mir fürs Erste sehr weit nach hinten geschoben.

[Nayuta]

Danke, hat mich eh einiges an Zeit gekostet aber so ganz zufrieden bin ich noch nicht. Ich bekomm die ganz rechte Spalte (die mit Spielzeit u. Wertung) nicht richtig hin. Bei manchen Spielen ist zu weit rechts, bei den anderen weiter links. Das hängt mit der Titellänge des Spiels zusammen, aber ich komm nicht drauf wie es ich fixen kann.

...

Das liegt daran dass der Browser den verschiedenen Spalten innerhalb der 400 Pixel Tabelle dynamisch den gerade benötigten Platz zuteilt, daher wird das je nach Inhalt verschoben. Wenn du das einheitlich haben willst musst du den Spalten fest die gewünschte Breite zuweisen. Das musst du aber nur in der zweiten Tabellenzeile, in der alle vier Spalten vorhanden sind, konfigurieren. Die Breiten wirken sich dann auf die darüber- und darunter liegenden Spalten automatisch aus.
Das Problem ist dann noch der Spieletitel, der durch die begrenztere Spaltenbreite nun automatisch umgebrochen wird. Hier kannst du mit colspan arbeiten um mehrere Spalten zusammenfallen zu lassen. Konkret möchtest du die Spalten 2, 3 und 4, insgesamt 3 Spalten, zusammenfassen, also verwendest du colspan=3. Das hat den Vorteil dass deine Titel nun sogar etwas länger sein können als vorher ohne dass du sie manuell umbrechen musst.

Hier mal das ganze als bbcode (Info: das erste [ habe ich durch ein < ersetzt damit der Code nicht als Tabelle interpretiert wird):

Code:

<TABLE="width: 400"]
  [TR]
    [TD]Pic1[/TD]
    [TD="colspan: 3"]This is a veeeeeeery long title indeed[/TD]
  [/TR]
  [TR]
    [TD="width: 40"]Pic2[/TD]
    [TD="width: 140"]System[/TD]
    [TD="width: 40"]Pic3[/TD]
    [TD="width: 180"]Spielzeit[/TD]
  [/TR]
  [TR]
    [TD]Pic4[/TD]
    [TD]Start/Ende[/TD]
    [TD]Pic5[/TD]
    [TD]Wertung[/TD]
  [/TR]
[/TABLE]

Hier das ganze als Tabelle:

Pic1	This is a veeeeeeery long title indeed
Pic2	System	Pic3	Spielzeit
Pic4	Start/Ende	Pic5	Wertung

Auf Netbooks sieht das so aus Wenn du fixe Pixelwerte durch % (also z.B. "width: 30%") ersetzt sieht es immer noch schön aus.

...

Auf einem Smartphone im Portrait Modus wird sogar nur das Bild angezeigt und um die Statistiken zu sehen muss man es nach links wischen. Das könnte man aber auch als Feature ansehen, man müsste nur ein Wisch-Icon ins Bild integrieren um es dem Benutzer zu signalisieren.^^