Henry Schaffrik: Darstellungsunterschied zwischen Phase 5 und Browser

Hallo Gemeinde,

meine Anfrage betrifft folgende Erscheinung:
Beim Programmieren der Homepgage für die Firma habe ich eine Download-Seite für Bilder angelegt (es gibt in unregelmaessigen Abstaenden Bilder auf der Startseite vom Firmengelaende, die dann nach gewisser Zeit archiviert werden). Den Seitenentwurf erledige ich mit Ulli Meybohm's Phase 5². Es steckt nicht viel hinter dem Text auf der Seite - das Drumherum für die Farben und die Orientierung und ein Diskettenlogo für den Downloadabruf mit einem Text zur Erklaerung fuer das abgelegte Bild. Unter Phase 5 wird das auch sauber angezeigt; es sind im Moment 9 Bilder. Sobald ich die Datei jedoch auf den Webserver transferiere und von dort abrufe, stehen nur noch vier Bilder zur Auswahl. Den Text auf dem Server habe ich natuerlich ueberprueft - ist der gleiche wie im Entwurfsverzeichnis.
Kennt jemand das Phaenomen? Ich bin nun nicht unbedingt der Chef-HTML-Programmierer, wahrscheinlich ist es nur eine Kleinigkeit, aber mir faellt sie nicht auf.
Danke fuers lesen.

Gruß,

Henry

henrynick@web.de

  1. Hi,

    Kennt jemand das Phaenomen?

    a) Bilder oder Bild-URLs defekt,
    b) Browser- oder Proxy-Cache.

    Ich bin nun nicht unbedingt der Chef-HTML-Programmierer,

    Es existiert kein HTML-Programmierer. Programmieren kann man nur mit einer Programmiersprache.

    Cheatah

    --
    X-Will-Answer-Email: No
    X-Please-Search-Archive-First: Absolutely Yes
    1. Hallo Cheatah,

      a) Bilder oder Bild-URLs defekt,
      b) Browser- oder Proxy-Cache.

      a)kann ich ausschließen, da die Bilder und die URL für die Bilder funktionieren. Eine Fehlermeldung kommt in dem Fall auch erst, wenn man versucht, das Bild aufzurufen.

      Bei b) bin ich etwas überfragt. Ich habe mir gerade alle files nochmals angesehen und nach einer Veränderung der Schriftgröße zeigt der IE6 alles so an, wie unter Phase 5 geplant. Nur unter Opera 7.11 werden nur vier von den 9 Bilder angeboten.

      Es existiert kein HTML-Programmierer. Programmieren kann man nur mit einer Programmiersprache.

      Danke für den Hinweis. Was ist dann HTML?

      zum angucken http://www.vegro.de/daten/download.htm/

      Gruß,

      Henry

      1. Was ist dann HTML?

        http://jendryschik.de/wsdev/einfuehrung/websprachen.html

        Gruß,
        Gunnar

        --
        Good results come from experience; and experience comes from bad results.
      2. Hi,

        Bei b) bin ich etwas überfragt. Ich habe mir gerade alle files nochmals angesehen und nach einer Veränderung der Schriftgröße zeigt der IE6 alles so an, wie unter Phase 5 geplant. Nur unter Opera 7.11 werden nur vier von den 9 Bilder angeboten.

        der IE6 scheint bei der Aktion die Ressource neu anzufordern, was ich für reichlich behämmert erachte. Eine Cachelöschung bzw. ein Shift- oder Strg-Reload (wird von den meisten Browsern in einen "echten" Reload mit Zusatzheadern für Proxies umgesetzt) sind hilfreicher.

        Danke für den Hinweis. Was ist dann HTML?

        Neben Gunnars Antwort: Ich bevorzuge die Bezeichnung "Strukturbeschreibungssprache".

        Cheatah

        --
        X-Will-Answer-Email: No
        X-Please-Search-Archive-First: Absolutely Yes
      3. Hallo Henry,

        zum angucken http://www.vegro.de/daten/download.htm/

        Ich seh mit Opera 5.12 auch nur 5 der 9 Bilder.

        Wie waer's zur Abwechslung mit validem HTML?
        Der Validator hilft Dir, die Fehler zu finden:
        http://validator.w3.org/
        Kleiner Tip: Vorher folgendes reinmachen:
        Am Anfang der Datei:
        <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
                "http://www.w3.org/TR/html4/loose.dtd">
        Als erstes nach <HEAD>:
        <META http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">

        Der Validator verraet z.B. auch, dass Du ganz komische
        Sachen drin hast, naemlich </> und <!--->

        Leere Kommentare sind sinnlos. Wegmachen!

        Ein Kommentar sollte z.B. mit
        <!--
        anfangen und mit
        -->
        aufhoeren.
        Die Anzahl der "-" ist sehr wichtig!

        Die Attribute solltest Du konsequent in Anfuehrungszeichen setzen:

        Statt:
        <a href=../download/moos.jpg border=0 alt=Download target=download>
        Besser:
        <a href="../download/moos.jpg" border="0" alt="Download" target="download">

        Ein weiterer Schritt zu sauberem, uebersichtlichem Code waere es,
        saemtlichen Layout-Dinge (Farben u.s.w.) statt mit
        FONT-Tags und Farb-Attributen im BODY-Element einfach
        mit CSS zu loesen.
        Aber das ist wohl zuviel verlangt fuer den Anfang.

        HTH, mfg

        Thomas
          der fast nicht glauben kann, dass man mit Phase 5
          sooo schrecklichen Quellcode erzeugen kann ;-(

        1. Ooops:

          <a href="../download/moos.jpg" border="0" alt="Download" target="download">

          Ist natuerlich nicht so gut...
          border- und alt-Attribut gips nich bei <A>.
          Richtig waere:

          <a href="../download/moos.jpg" target="download">

          mfg
          Thomas

        2. He - ich lerne noch!

          Hallo Thomas,

          danke für den Tip - und ich werde meinen miesen *grins* Sprachgebrauch nochmal überdenken. Aber für meine erste Lösung war ich bis heut fast zufrieden *schluchz*.

          Gruß, Henry Schaffrik

          henrynick@web.de

        3. hallo thomas,

          Besser: <a href="../download/moos.jpg" border="0" alt="Download" target="download">

          hä???? Das ist mir aber jetzt neu,dass im href ein alt-tag + ein border-tag sein soll? Ist aber nicht Dein Ernst oder?

          Thomas

          Grüsse vom Alain

          --
          ...nichts ist so schlecht, als daß es nicht für irgend etwas gut wäre
  2. Hallo Gemeinde,

    Hi,
    Hier ein Teil es Quelltextes (gekürtzt):
    In Mozilla (firebird):

    Anfang:       [

    <!--->
    <tr>
    <td width=10><a href=../download/winter_blue.jpg border=0 alt=Download target=download><img src="../images/disk.gif" border="0" alt="Download"></></td>
    <td><font face=arial size=1 color=#008000>winter_blue (99 kB)</td>
    </tr>

    <!--->
    <tr>
    <td width=10><a href=../download/winter_blue.jpg border=0 alt=Download target=download><img src="../images/disk.gif" border="0" alt="Download"></></td>
    <td><font face=arial size=1 color=#008000>Blick über den See bei -12 °C (99 kB)</td>
    </tr>

    <!--->
    <tr>
    <td width=10><a href=../download/holz020703.jpg border=0 alt=Download target=download><img src="../images/disk.gif" border="0" alt="Download"></></td>
    <td><font face=arial size=1 color=#008000>Jahresringe ... (49 kB)</td>

    </tr>

    <!--->
    <tr>
    <td width=10><a href=../download/reflexion.jpg border=0 alt=Download target=download><img src="../images/disk.gif" border="0" alt="Download"></></td>
    <td><font face=arial size=1 color=#008000>Reflexion (31 kb)</td>
    </tr>

    <!--->
    <td width=10><a href=../download/seebank020703.jpg border=0 alt=Download target=download><img src="../images/disk.gif" border="0" alt="Download"></></td>
    <td><font face=arial size=1 color=#008000>Ruheplatz am See (48 kB)</td>
    </tr>

    <!--->
    <tr>
    <td width=10><a href=../download/gelb020703.jpg border=0 alt=Download target=download><img src="../images/disk.gif" border="0" alt="Download"></></td>
    <td><font face=arial size=1 color=#008000>Es blüht (24 kB)</td>
    </tr>

    <!--->
    <tr>
    <td width=10><a href=../download/moos.jpg border=0 alt=Download target=download><img src="../images/disk.gif" border="0" alt="Download"></></td>
    <td><font face=arial size=1 color=#008000> ... (99 kB)</td>
    </tr>

    <!--->

    <tr>
    <td width=10><a href=../download/sumpf.jpg border=0 alt=Download target=download><img src="../images/disk.gif" border="0" alt="Download"></></td>
    <td><font face=arial size=1 color=#008000>sumpfig ist's (42 kB)</td>
    </tr>
    </table>

    ]   :Ende

    Wer's im Editor vom Mozilla anguckt weiss wo der Fehler liegt :
    Ein teil der Verweise werden als Kommentare gesehen! Mach mal die <!---> weg oder schreib was rein z.B. <!-- Hans' Wurstbude -->
    Man beachte die 4!!! Bindestriche("-") NICHT 3!!! oder mache Kommentare so //hier das Kommentar

    Gruß,

    Henry

    henrynick@web.de

    cu nokill2003

    1. Hallo,

      Mach mal die <!---> weg [...]
      Man beachte die 4!!! Bindestriche("-") NICHT 3!!! oder mache Kommentare so //hier das Kommentar

      Jetzt verwechselst Du aber etwas!

      Kommentare in (X)HTML:
      <!-- Kommentar -->
      http://selfhtml.teamone.de/html/allgemein/kommentare.htm#nicht_angezeigt

      Kommentare in JavaScript oder PHP:
      // einzeiliger Kommentar
      /* Beliebig langer Kommentar,
         auch mehrzeilig */
      http://selfhtml.teamone.de/javascript/sprache/regeln.htm#kommentare
      In PHP kann man statt // auch # verwenden.
      http://www.php.net/manual/de/language.basic-syntax.comments.php

      Kommentar in CSS:
      /* Nur diese eine Schreibweise fuer Kommentare */
      http://selfhtml.teamone.de/css/formate/einbinden.htm#kommentare

      Ausnahmsweise, wenn man z.B. JavaScript oder CSS
      in HTML einbettet und es dort vor alten Browser
      verstecken will, hat man "aussen" HTML-Kommentare
      und "innen" ggf. noch andere Kommentare, z.B.
      <style type="text/css">
      <!--
        body { font-family:tahoma,arial,helvetica,sans-serif; }
        /* Diese Schriftarten sind am Bildschirm gut lesbar. */
      -->
      </style>

      oder so:
      <script type="text/javascript">
      <!--
      alert('JavaScript kann Benutzer nervern!');
      //-->
      </script>
      http://selfhtml.teamone.de/javascript/intro.htm#javascript_htmltags
      Hier (und nur hier) muss am Schluss //--> stehen:
      //  damit der JavaScript-Interpreter sich nicht am --> verschluckt,
      --> um den HTML-Kommentar abzuschliessen.

      mfg
      Thomas

  3. Hallo Gemeinde,

    danke für die schnelle Hilfe - und den dezenten Hinweis auf mehr Sorgfalt *grins* Werd mich bemühen.
    Hab schon angefangen damit - sieht man daran, dass es jetzt läuft.

    Gruß,

    Henry

    henrynick@web.de

    1. Hallo Henry,

      danke für die schnelle Hilfe - und den dezenten Hinweis auf mehr Sorgfalt *grins* Werd mich bemühen.

      Gerngeschehen / Brav, brav! ;-)

      Hab schon angefangen damit - sieht man daran, dass es jetzt läuft.

      Ja, jetzt laeufts.
      Das Target-Attribut in den Links auf die Bilder finde ich allerdings stoerend.
      Lass es weg - dann werden die Bilder auch im gleichen Frame angezeigt.

      Und die Bezeichnung "Download" finde ich nicht wirklich
      passend - nenn die Dinge doch beim Namen: Bilder-Galerie oder so...

      Noch besser laeuft uebrigens nur:
      http://www.vegro.de/download/
      Dort sieht man alle Bilder, und erst noch, wie gross sie sind.

      Und btw:
      http://www.vegro.de/start.htm
      hat ein freundliches TITLE-Element...

      mfg + SCNR
      Thomas
        dem die Fotos gefallen - ein schoenes "Firmengelaende" habt Ihr da;-)