alex: bilddatei einbinden

als image, tablebackground oder mittels CSS?

um ein bild auf meine site zu bringen kann ich im htmlcode direkt die datei mit pfad angeben, das bild als table background festlegen, oder eine class im CSS file definieren.

wodurch unterscheiden sich diese drei methoden? welche ist am ehesten für den seiten(design)aufbau geeignet?

mfg

  1. Hallo,

    Ich habe beim Durchlesen Deines Beitrages nur zwei Möglichkeiten gezählt. Aber egal.

    Um ein Bild einzubinden steht das Element img bereit. Beispiel:
    <img src="bild.png" alt="Alternativtext" />

    Wenn Du es also Tabellenhintergrund verwendest bindest Du ja nicht das Bild ein, sondern formatierst mit CSS die Tabelle eben so, dass sie ein Hintergrundbild hat.

    Heiner

  2. Hi,
    Das kommt drauf an, ob du es als als Hintergrund (du kannst Sachen darüberlegen) oder als Bild willst.

    CSS, wenn du es mit background.image machst, ist identisch wie Hintergrund.

    Saludo
    piz

    1. CSS, wenn du es mit background.image machst, ist identisch wie Hintergrund.

      Du solltest es aber unbedingt mit CSS machen. Das andere wird nur noch aus Abwärtskompatibilität von manchen Browsern unterstützt. CSS ist nämlich zur Formatierung da, html zur Textauszeichnung.

      Heiner

      1. das heißt, es macht keinen unterschied (bezügl. ladezeiten) wie ich z.b. ein logo auf der site veröffentliche. üblich ist es aber das große teile der webseiten (gif, jpg) nicht als hintergrund mittels CSS veröffentlicht werden.
        ob ich ein animiertes gif als hintergrund einbette oder direkt ist also ganz egal....

        1. Bei Hintergründen bin ich mir bei animierten GIFs nicht sicher, ob das überall geht. Statt GIF solltest Du bei nichtanimierten Grafiken ansonsten aber PNG verwenden! GIF gilt als veraltet.

          Heiner

        2. Hi alex,

          das heißt, es macht keinen unterschied (bezügl. ladezeiten) wie ich z.b. ein logo auf der site veröffentliche. üblich ist es aber das große teile der webseiten (gif, jpg) nicht als hintergrund mittels CSS veröffentlicht werden.
          ob ich ein animiertes gif als hintergrund einbette oder direkt ist also ganz egal....

          "Ladezeit" setzt sich aus mehreren Komponenten zusammen.

          Einerseits aus der Zeit, welche das Übertragen aller "Bauteile" der Seite benötigt.
          Diese ist unabhängig vom "Bauplan".

          Andererseits aus der Dauer der Interpretation des "Bauplans" durch den Browser.
          Dabei dürften in der Tat unterschiedliche Programmlaufzeiten bei verschiedenen Rendering-Varianten vorliegen; die Unterschiede dürften allerdings unterhalb der Grenze des Bemerkbaren liegen.

          Viele Grüße
                Michael

          --
          T'Pol: I apologize if I acted inappropriately.
          V'Lar: Not at all. In fact, your bluntness made me reconsider some of my positions. Much as it has now.
          (sh:| fo:} ch:] rl:( br:^ n4:( ie:% mo:) va:| de:/ zu:| fl:( ss:) ls:~ js:|)
           => http://www.peter.in-berlin.de/projekte/selfcode/?code=sh%3A|+fo%3A}+ch%3A]+rl%3A(+br%3A^+n4%3A(+ie%3A%25+mo%3A)+va%3A|+de%3A%2F+zu%3A|+fl%3A(+ss%3A)+ls%3A~+js%3A|
          Auch diese Signatur wird an korrekt konfigurierte Browser gzip-komprimiert übertragen.