[Grafik] Grafik als Hintergrund verwenden

Dieses Thema im Forum "Webdesign" wurde erstellt von Characticl D, 25. Juni 2009 .

  1. 25. Juni 2009
    Grafik als Hintergrund verwenden

    Hi Leute,

    also von vorne weg, ich will keinen Hintergrund auf meiner Homepage einrichten, es geht mir um was anderes.

    Und zwar: Auf manchen Seiten ist es ja so, dass man manche Grafken, die zum Layout gehören nicht mit dem Dialog "Grafik speichern unter" speichern kann.

    In Firefox mache ich es dann über "Hintergrundgrafik anzeigen", um so an das Bild zu kommen.
    Nun meine Frage:

    Wie kann ich einer normalen Grafik diesen Attribut geben?

    Danke im Voraus.
     
  2. 25. Juni 2009
    AW: Grafik als Hintergrundgrafik verwendenH

    du hast 2 Grafiken
    • deine tatsächliche Grafik
    • eine spacer Grafik, die durchsichtig ist

    und nachher benutzt du einen code wie folgt o.ä.
    Code:
    <div style="background-image:url(./realimage.png); width:500px; height:432px;">
    <img src="./spacer.gif" style="width:500px; height:432px;" alt="" />
    </div>
    das spacer Bild sollte gif sein, auch wenn png mittlerweile durchsichtig sein kann, erkennen das alte IE-Versionen noch nicht
    außerdem reicht es den spacer mit 1px*1px größe zu erstellen und später via HTML-Code (so auch in meinem beispiel) zu "strecken"
     
  3. 25. Juni 2009
    AW: Grafik als Hintergrundgrafik verwendenH

    Den "Spacer kannst du auch weglassen wenn du Höhe und Breite angibst. Wichtig ist nur, dass das Bild per CSS eingebunden ist.
     
  4. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.