08/15: Solitaire von Eric Gos

Hallo, Forumler !!
Angesichts der hier vorherrschenden geballten Ladung an niederschmetternder Kompetenz,
werd' ich ab sofort nur noch fragen statt antworten !!
Großes Indianer-Ehrenwort !! :o)
Folgendes :
Ich hab ein kleines Layout-Problem mit dem Script-Game Klassiker "Solitaer aka Chinese Checkers"
von Eric Gos aus dem Jahre 1998 .
Bei dem Spiel werden mittels  'window.document.write'  immer 7 Bilder aneinander gereiht,
dann erfolgt ein <br> und die nächste Reihe beginnt . . . ( 7 Reihen zu je 7 Bildern )
MSIE und NN4x lassen dabei zwischen den einzelnen Bildern in horizontaler und vertikaler Richtung
immer einen Zwischenraum, der für die Optik des Spiels von Bedeutung ist !
Bei N7 und Opera7 ist nun plötzlich der horizontale Spalt verschwunden, was zur Folge hat,
dass die Bilder jetzt "aneinanderkleben" und das Ganze halt irgendwie blöd aussieht . . .
Das Spiel selbst läuft natürlich weiterhin einwandfrei . .
Auf allen WWW- Seiten, die das Spiel noch anbieten der gleiche Lapsus, da sich halt auch keiner
drum kümmert, der Meister selbst am aller wenigsten !!
Man könnte zwar versuchen jedes einzelne Bild in eine Tabellen-Zelle zu packen, oder für die zwei
Spielverderber neue Bilder basteln etc, allein der Aufwand ist mir zu groß !!
Weiß jemand Rat ??
( Laut altem Forums-Motto : Problem erkannt, Problem gebannt ! )
:o)

1024 x 768
http://home.t-online.de/home/VillaHammerschmidt/eric_gos/solitaer.htm

<img src="http://home.t-online.de/home/VillaHammerschmidt/eric_gos/logo.gif" border="0" alt="">

  1. hi,

    Angesichts der hier vorherrschenden geballten Ladung an niederschmetternder Kompetenz,
    werd' ich ab sofort nur noch fragen statt antworten !!
    Großes Indianer-Ehrenwort !! :o)

    und diese nur-nehmen-nichts-geben-mentalität soll man jetzt gut finden, nur weil du sie hinter einem (vermutlich eher ironisch gemeinten) einschleimen versteckst?

    MSIE und NN4x lassen dabei zwischen den einzelnen Bildern in horizontaler und vertikaler Richtung
    immer einen Zwischenraum, der für die Optik des Spiels von Bedeutung ist !
    Bei N7 und Opera7 ist nun plötzlich der horizontale Spalt verschwunden, was zur Folge hat,
    dass die Bilder jetzt "aneinanderkleben" und das Ganze halt irgendwie blöd aussieht . . .

    dann machen diese beiden vermutlich jede zeile nur genau so hoch, wie die bilder selbst sind, so das ein zeilenumbruch keinen abstand mehr bewirkt. die bilder mit vertical-align an der baseline auszurichten, könnte eventuell helfen.

    btw: der overhead des scriptes ist ja furchtbar, das ausgeben der bilder sollte sich doch durch einsatz von schleifen wesentlich einfacher gestalten lassen ...

    gruss,
    wahsaga

    1. btw: der overhead des scriptes ist ja furchtbar, das ausgeben der bilder sollte sich doch durch einsatz von schleifen wesentlich einfacher gestalten lassen ...

      Hallo, Wahsaga !
      Alter Freund und Kupferstecher !!
      Ich hab mir ueber die Jahre 'ne hübsche, kleine Sammlung an JavaScript-Games zugelegt die ich im Alleingang - sofern meine bescheidenen geistigen Mittel dies erlauben - versuche upzudaten . . .
      Was i.d.Regel nix anderes heißt als Browserabfragen rausschmeißen und versuchen alles DOM-kompatibel zu kriegen . . .
      Dabei moechte ich aber sowenig wie moeglich verändern . . .
      Die Urheber sind leider teilweise verschollen, nicht zu erreichen bzw. geben keine Antwort . . .

      So hat halt jeder sein Kreuz zu tragen !!
      Wah !?
      ;o))

      1. hi,

        Hallo, Wahsaga !
        Alter Freund und Kupferstecher !!

        da liegt m.e. in beiden fällen eine fehleinschätzung deinerseits vor.

        gruss,
        wahsaga

  2. Hallo,

    dass die Bilder jetzt "aneinanderkleben" und das Ganze halt irgendwie blöd aussieht . . .
    Weiß jemand Rat ??

    probiers mal mit
    <style type="text/css">
    <!--
    img {
    margin:0 2px 2px 0;
    }
    //-->
    </style>

    Gruß Fritz

    --
    ss:( zu:| ls:# fo:| de:/ va:) ch:? sh:( n4:? rl:? br:$ js:| ie:| fl:| mo:)
    1. probiers mal mit
      <style type="text/css">
      <!--
      img {
      margin:0 2px 2px 0;
      }
      //-->
      </style>

      Sieht schon mal ganz vielversprechend aus !!
      Die Loesung waere optimal, wenn weder horizontale, noch vertikale Zwischenraeume vorhanden waeren . . .
      Jetzt wird zwar ein horizontaler 2px Spalt erzeugt, gleichzeitig aber auch der vertikale um 2px breiter . . . ??? . . . was der Doppel-Null entsprechend eigentlich gar nicht sein sollte !!
      Werd' mal den CSS Teil durchforsten . . . und kucken, ob ich die Spalten irgendwie ganz wegbringe, oder auf deinem Beispiel weiter aufbauen . . . hab ja nicht das ganze CSS-Zeugs im Kopf . . . :o)

      Cheerio, buddy-ho !!
      Thanx !!

      1. Hallo, nochmal !
        Ich hab' jetzt i.d. CSS-Doku gekuckt . . .
        Mit margin-bottom:5px klappt's ganz gut !
        Allerding muß ich dann wegen MSIE ja wieder 'ne Browserweiche einbauen . . .
        Wann kommt der Tag an dem dieser ganze Browser-Wirrwarr endlich vorbei ist !?

  3. Hallo an Alle !!

    Hatte gestern noch ein dringendes Gespraech mit meinem Vermoegensverwalter, Finanz- und Anlagenberater, spaeter noch eine Verabredung mit Busenwunder Lorna Lovett, kann mich also erst jetzt wieder zu all den Ungeheuerlichkeiten hier melden . . .
    Die generische Style-Anweisung
    .bildabstand {margin-bottom:4px;}
    did it !!

    Allerdins hat sich dadurch der Code gewaltig aufgeblaeht !!
    Tja !!
    Was haben uns die neuen Browser gebracht ??
    Statt doppelt muß nun alles 3-fach geschrieben werden !
    Hurra and Thanks !!