Wie bringe ich eine url addy, unter einer Grafic?

*EEBKiller* · #3 08-10-2005, 17:23

Hallo Craim

Achso, du willst, dass man deine Bilder mit rechtsklick nicht einsehen kann ?

- Vergiss es, darauf fällt kein n00b mehr rein. Wenn einer das Bild ziehen will, der wird es auch bekommen.

Und sonst:

Code:

<a href="http://domain.de/link.html" target="_blank"><img src="/link/zum/bild.jpg" height="100" width="75" alt="" /></a>

Das dort erzeugt ein klickbares Bild.

target="_blank" kannst du weg lassen, wenn es im selben Fenster geöffnet werden soll
height="X" width="X" Kann man eigentlich auch weglassen, ausser man will ganz genau die Größe festlegen.

##################################################

€DIT:
Um dir doch die 2. Variante zu zeigen:

index.html:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN
    http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  <title>Test</title>
  <link rel="stylesheet" href="/style.css" />
</head>
<body>
<!-- ################## -->  
  <div id="murks1">
    <a href="http://www.domain.de/link.html" target="_blank">
      <img src="/dummy.gif" height="800" width="600" alt="" />
    </a>
  </div>
<!-- ################## -->  
</body>
</html>

Der Teil zwischen  ist interessant.
Du packst ein transparentes GIF (welches Klickbar ist) über einen <div>. dem du ein hintergrundbild durch diese Datei gibst

style.css

Code:

#murks1 {
    background-image: URL('/echtes-bild.jpg');
}

Man sollte den Zusammenhang zwischen id="murks1" und #murks1 erkennen können.

Hier ist aber die Angabe von Höhe und Breite zwingend!
Ein transparentes GIF bekommst du zB von www.cnchq.de/images/empty.gif

(Im Standard 1 x 1px groß )

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)