Susanne Hugo: Validierungsproblem: Proprietäres Attribut zu Element <img>

Hi,

ich binde mit Photoshop erstellte Smartobjects in meine Seite ein.

Das funktioniert auch prima.

<img src="rosebud.gif" alt="a picture of a yellow rosebud" height="24" width="20" livesrc="../../web-data/SmartObjects/rosebud.psd" />

Beim validieren erhalte ich die Warnung:
Element <img> hat proprietäres Attribut "livesrc".

Wie kann ich aus dem proprietären Attribut ein valides machen?

Kann mir da jemand weiterhelfen?

Schönen Sonntag noch.

Susanne

  1. Hallo,

    <img src="rosebud.gif" alt="a picture of a yellow rosebud" height="24" width="20" livesrc="../../web-data/SmartObjects/rosebud.psd" />
    Beim validieren erhalte ich die Warnung:
    Element <img> hat proprietäres Attribut "livesrc".

    eigentlich sogar: There is no attribute 'livesrc'.

    Wie kann ich aus dem proprietären Attribut ein valides machen?

    Durch Weglassen.
    Was soll dieses Attribut überhaupt aussagen?

    So long,
     Martin

    --
    Auf jeden Menschen auf der ganzen Welt entfallen statistisch gesehen etwa 3000 Spinnen, wie Wissenschaftler jetzt festgestellt haben.
    Wer will meine haben? Denn ich will sie bstimmt nicht.
    1. Hallo, Martin,

      Was soll dieses Attribut überhaupt aussagen?

      "livesrc" ist der programminterne Quellenlink zum Smartobject. Aus dem Smartobject wird das gif.bild generiert, das im browser angezeigt wird.

      Lasse ich diesen internen link weg, funktioniert das Smartobject nicht mehr.

      Gruß

      Susanne

      1. Hi Susanne!

        Lasse ich diesen internen link weg, funktioniert das Smartobject nicht mehr.

        Was ist ein Smartobject und was kann mein Firefox damit anfangen?

        MfG H☼psel

        --
        "It's amazing I won. I was running against peace, prosperity, and incumbency."
        George W. Bush speaking to Swedish Prime Minister unaware a live television camera was still rolling, June 14, 2001
        Selfcode: ie:% fl:( br:> va:) ls:& fo:) rl:? n4:& ss:| de:] js:| ch:? sh:( mo:) zu:)
        1. Hi Susanne!

          Lasse ich diesen internen link weg, funktioniert das Smartobject nicht mehr.
          Was ist ein Smartobject und was kann mein Firefox damit anfangen?

          MfG H☼psel

          Hallo Höpsel, das Smartobject ist sozusagen das Masterbild und eine interne Vorlage, die ich beliebig verändern kann.

          Diese Änderungen werden dann automatisch von allen aus dieser Vorlage generierten gifs übernommen, was sehr praktisch ist.

          Es erleichtert also die Arbeit.

          Firefox stellt nur das generierte gif dar.

          Gruß Susanne

          1. Moin!

            Hallo Höpsel, das Smartobject ist sozusagen das Masterbild und eine interne Vorlage, die ich beliebig verändern kann.

            Das gilt aber nur für dein verwendetes Programm, nicht für HTML-anzeigende Browser.

            Diese Änderungen werden dann automatisch von allen aus dieser Vorlage generierten gifs übernommen, was sehr praktisch ist.

            Es erleichtert also die Arbeit.

            Das mag sein.

            Firefox stellt nur das generierte gif dar.

            Und der Validator stört sich am unzulässigen Attribut in deinem HTML-Code.

            Nun die Gretchenfrage: Valide werden oder Arbeitserleichterung belassen?

            - Sven Rautenberg

            --
            "Love your nation - respect the others."
            1. Hallo Sven,

              Und der Validator stört sich am unzulässigen Attribut in deinem HTML-Code.

              Nun die Gretchenfrage: Valide werden oder Arbeitserleichterung belassen?

              Mir wäre es am liebsten: Beides!. Der Validator sagt:

              "Die meisten proprietären Attribute können durch Standard-HTML oder CSS ersetzt werden".

              Schön gesagt, aber was trifft in diesem Fall zu?

              Es arbeiten doch noch mehr Menschen mit Photoshop, gehen die denn alle ohne valides HTML ins Netz?

              Gruß Susanne

              1. Hallo,

                Es arbeiten doch noch mehr Menschen mit Photoshop, gehen die denn alle ohne valides HTML ins Netz?

                Mein, die erstellen mit Protoshop einfach ordentliche Bilder im png, gif oder jpg- Format und binden die nach HTML-Standard (oder mit CSS) völlig normal und ohne livesrc in die Webseite ein.

                Jonathan

          2. Hallo Susanne!

            Diese Änderungen werden dann automatisch von allen aus dieser Vorlage generierten gifs übernommen, was sehr praktisch ist.

            Das funktioniert nur auf deinem Rechner in der Entwicklungsumgebung mit installiertem Photoshop oder der entsprechenden Komponente weil dabei das GIF durch die originale Vektorgrafik ersetzt wird. Sobald du fürs Web abspeicherst, entsteht aus der Vektorgrafik eine Pixelgrafik und der schöne Glättungseffekt ist futsch.

            Sei froh, dass dich der Validator gewarnt hat, sonst würdest du dich der Illusion hingeben, die User bekämen das so schön zu sehen wie du.

            Wenn du das als Vektorgrafik beibehalten willst, bleibt dir nur Flash als Möglichkeit. Mit SVG klappt das nicht.

            Beste Grüsse
            Richard

            1. Hallo Richard,

              Wenn du das als Vektorgrafik beibehalten willst, bleibt dir nur Flash als Möglichkeit. Mit SVG klappt das nicht.

              Beste Grüsse
              Richard

              vielen Dank für den Hinweis. Leider habe ich von Flash nicht die geringste Ahnung und in Vektorgrafiken arbeite ich mich gerade erst ein. Also werden es schlichte Pixel-gifs und livescr kommt raus. Schade.

              Gruß Susanne

          3. Hi Susanne!

            Diese Änderungen werden dann automatisch von allen aus dieser Vorlage generierten gifs übernommen, was sehr praktisch ist.

            Sehen die Gifs denn alle gleich aus?

            Es erleichtert also die Arbeit.

            Das mag ja sein. Aber wozu brauchst du dieses livesrc-Attribut?
            Die Gifs werden doch von Photoshop erzeugt, nicht vom Browser.

            Firefox stellt nur das generierte gif dar.

            Gut. Ich erweitere mal die Aussage und behaupte, dass jeder Browser nur das im src-Attribut referenzierte Bild darstellt. Das livesrc-Attribut ist also überflüssig.

            MfG H☼psel

            --
            "It's amazing I won. I was running against peace, prosperity, and incumbency."
            George W. Bush speaking to Swedish Prime Minister unaware a live television camera was still rolling, June 14, 2001
            Selfcode: ie:% fl:( br:> va:) ls:& fo:) rl:? n4:& ss:| de:] js:| ch:? sh:( mo:) zu:)
            1. Hallo Höpsel,

              Diese Änderungen werden dann automatisch von allen aus dieser Vorlage generierten gifs übernommen, was sehr praktisch ist.
              Sehen die Gifs denn alle gleich aus?

              Ja, die gifs sehen dann alle gleich aus.

              Firefox stellt nur das generierte gif dar.
              Gut. Ich erweitere mal die Aussage und behaupte, dass jeder Browser nur das im src-Attribut referenzierte Bild darstellt.

              Ja, genau.

              Das livesrc-Attribut ist also überflüssig.

              Richard und Jonathan stimmen dir da zu, seufz, und ich werde es einfach rauswerfen, wenn ich das Layout endgültig fertig habe.

              Vielen Dank für dein Interesse.

              Gruß Susanne

              1. Hi Susanne!

                Diese Änderungen werden dann automatisch von allen aus dieser Vorlage generierten gifs übernommen, was sehr praktisch ist.
                Sehen die Gifs denn alle gleich aus?
                Ja, die gifs sehen dann alle gleich aus.

                Wieso verweist du dann nicht auf genau eine Resource?
                Dann hast du auch nicht das Problem:

                Diese Änderungen werden dann automatisch von allen aus dieser Vorlage generierten gifs übernommen, was sehr praktisch ist.

                MfG H☼psel

                --
                "It's amazing I won. I was running against peace, prosperity, and incumbency."
                George W. Bush speaking to Swedish Prime Minister unaware a live television camera was still rolling, June 14, 2001
                Selfcode: ie:% fl:( br:> va:) ls:& fo:) rl:? n4:& ss:| de:] js:| ch:? sh:( mo:) zu:)
      2. Hi Susanne,

        Was soll dieses Attribut überhaupt aussagen?
        "livesrc" ist der programminterne Quellenlink zum Smartobject.

        hmm, was ist nun "programmintern"? Von welchem Programm sprichst du? Ich dachte, hier ginge es um HTML-Quellcode, der von einem Browser interpretiert werden soll.

        Und ein Browser wird das livesrc-Attribut sowieso ignorieren, weil er es nicht kennt, also kannst du es auch weglassen. Entscheidend ist nur das Bild, das du mit dem src-Attribut referenzierst. Dieses Bild muss existieren. Von irgendwelchen "Smartobjects" weiß mein Browser nichts.

        Lasse ich diesen internen link weg, funktioniert das Smartobject nicht mehr.

        Ich fürchte, ich versteh nur Bahnhof.

        Schönen Sonntag noch,
         Martin

        --
        Computer funktionieren grundsätzlich nicht richtig.
        Wenn doch, hast du etwas falsch gemacht.
        1. Hi Susanne,

          Was soll dieses Attribut überhaupt aussagen?
          "livesrc" ist der programminterne Quellenlink zum Smartobject.

          hmm, was ist nun "programmintern"? Von welchem Programm sprichst du? Ich dachte, hier ginge es um HTML-Quellcode, der von einem Browser interpretiert werden soll.

          Hallo Martin,

          diese Smartobjects sind Photoshop Bilder.
          Um diese in eine website einzubinden, benötigt man zwei Pfade. Der Erste, geht von meiner Seite per Link "livesrc" zur Quelldatei. Die Quelle ist das Bild (Smartobject) im psd Format, sozusagen mein Masterbild, das im Browser nicht angezeigt wird, aber für die Website gebraucht wird.

          seite.html- link zur Quelldatei bild.psd - gif erstellen - gif mit img scr="bild.gif" in seite.html einbinden.

          Für den Browser ist nur img scr="bild.gif" relevant.

          Ich hoffe, jetzt ist es klarer.

          Gruß Susanne

  2. Hi Susanne!

    Wie kann ich aus dem proprietären Attribut ein valides machen?

    Gar nicht. Dieses Attribut ist nicht erlaubt.

    Kann mir da jemand weiterhelfen?

    Du könntest den Link zur PSD-Datei unter dem Bild anbieten.

    MfG H☼psel

    --
    "It's amazing I won. I was running against peace, prosperity, and incumbency."
    George W. Bush speaking to Swedish Prime Minister unaware a live television camera was still rolling, June 14, 2001
    Selfcode: ie:% fl:( br:> va:) ls:& fo:) rl:? n4:& ss:| de:] js:| ch:? sh:( mo:) zu:)