Frank: Alternative zu img src? Grafiken als background?

Hallo zusammen!
Gibt es eine Möglichkeit, Grafiken auf einer HTML Seite als background einzufügen und somit den Befehl

<img src="http://www.blabla.de/blabla.jpg>

zu umgehen?

Habe schon was gefunden, doch leider wird nichts angezeigt:

<a href="http://www.blabla.de" target="_blank" style="background: transparent url(http://www.blabla.de/blabla.jpg) no-repeat scroll 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; font-size: 200px;">   </a>

Vielen Dank für eure Hilfe!

Frank

  1. Lass vielleicht mal das "transparent" weg und gib dem Link die Höhe und Breite der Grafik

  2. hm, du machst das doch schon beim link mit css - warum nicht gleich ne css-klasse definieren, die du dann beliebig oft verwenden kannst?

    sowas wie:

    • im header
      <style type="text/css">
      .bgimage {
      background-image: url(http://...);
      background-repeat: no-repeat;
      background-position 0px, 0px;
      width: ...
      height: ...
      ...
      }

    • und beim link dann vielleicht:
      <a class="bgimage" href="........>

    ... vielleicht? so als idee. spart haufen tipp-arbeit :)

    verrätst du mir vielleicht auch was du mit diesen -moz-sachen machst? das ist... mozilla-spezifisch?

    mfg! :)

  3. Vielen Dank für die Antworten.

    @Genie: habe ich ausprobiert, aber er zeigt mir weiterhin nichts an.

    @sph: wenn ich den css code probiere wird der mir 1:1 auf der Seite angezeigt.

    1. @sph: wenn ich den css code probiere wird der mir 1:1 auf der Seite angezeigt.

      huch? na, du hast das aber doch nicht etwa eins zu eins abgetippt? du hast schon das "..." gesehen? das war nur ne idee wie man das machen könnte, nicht der fertige code ;)

      hab nach dem abschicken z.b. gemerkt dass es schonmal unglaublich wichtig wär nach <style...> auch mal wieder ein </style> zu benutzen ;)

      und das ganze muss, wie gesagt, auch nicht in den seiteninhalt, sondernd in den header. also, zwischen <head> und </head> auf deiner seite. dann kannst du die definierte klasse mit dem link im body aufrufen ;)

      guckmal:
      http://de.selfhtml.org/css/eigenschaften/hintergrund.htm

      :)

      have fun, greeets!

      1. Hi sph,
        danke für die Tipps, aber wie du schon siehst, habe ich nicht wirklich viel Ahnunng von der Materie. Werde mir die Seite mal zu Herzen nehmen und durcharbeiten.

        Viele Grüße
        Frank