Wie bringe ich eine url addy, unter einer Grafic?

craim · #1 08-10-2005, 04:51

Folgendes Problem:
Ich möchte gerne eine URL addy. mit einer grafic verbinden, sodas wenn man auf die grafik ( Bild) klickt (z.B: *klick mich*) auf die URL addy, verwiesen wird.
vielleicht noch so, das ein extra Fenster geöffnet wird, u. die hauptseite bestehen bleibt, is aber nicht zwingend.

kann man hier mit vieleicht was machen?:

<html>
<head>
<title>Bilderklau im Web verhindern</title>
</head>
<body>

<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td background="sagrada-familia.jpg"><img galleryimg="no" height="345" src="bild.gif" width="300"></td>
</tr>
</table>

</body>
</html>

Is aus einer seite die ich gefunden habe.

quote:
Original geschrieben von schmalle
für den gewöhnlichen trottel user gibt es nen einfachen trick. nimm ein div oder ne td und lege das bild via css als hintergrund rein. dann legst du ein transparentes gif oben drüber ( als img tag ) ...
selbst die "profis" haben keinen bock den style tag zu suchen, um an das echte bild dranzukommen

Kann mir auch dieses vllt einer erklären wie man das anstellt?

Wenn ja, muß ich das bei jedem bild o. animation einfügen o. kann man das für die ganze seite erstellen?

Noch eine kleine bitte, macht mir das bitte etwas verständlich, weil ich gerade erst dabei bin mich mit so etwas zu befassen, bin aber schnell lern fähig

Chriss · #2 08-10-2005, 16:43

Wenn ich das nach kurzem überfliegen richtig verstehe geht es darum das eigentliche Bild dadurch zu verschleiern, das du ein zweites Bild darüber legst, wodurch man durch Standard-Taktiken nur an das zweite, nutzlose Bild rankommt. Das müsstest du für jedes Bild machen.

Das was du da als Code hast sieht recht gut aus. Du hast eine Tabelle mit entsprechender größe, deren Hintergrund das Bild ist was du darstellen willst. Und dann hast du den Image-Tag, der das "offizielle" Bild darstellt.

Ob das allerdings so wirklich funktioniert bezweifle ich, weil die Methode es nur etwas schwerer macht an das Bild ranzukommen. Und es dürfte einiges an Aufwand sein. Außerdem speicher ich zum Beispiel gern auch Bilder mal lokal, sprich mit Bild Speichern unter - das geht dann auch nicht.

*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ß )

Antr4ks.de · #4 08-10-2005, 19:45

LoL, es ist unmöglich zu verhindern das jemand an das Bild rankommt, man brauch nur ein wenig Ahnung Oo

craim · #5 08-10-2005, 20:41

Ja schon klar das man so o. so an das Bild kommt, is ja auf dem PC gespeichert.
Es soll ja nur etwas erschwert werden

Ok das mit dem *rechts Klick* haben wir, Danke schon mal.

Jetzt noch die erste frage.

Ich möchte gerne eine URL addy, mit einer Grafik also einem Bild, Banner verbinden.
Wenn man auf das Bild, Banner klickt dann zu der URL addy weiter geleitet wird.

Wie ist der Code, u. wo füge ich dann das Bild u. die URL ein?

*EEBKiller* · #6 08-10-2005, 20:51

Wenn ich das richtig verstehe, willst du verhindern, dass die Addresse des Bilds in der Addressleiste des Browser steht beim klick drauf.

- Entweder Popup, wo die Address-leiste ausgeblendet wird und dann eben wieder diese <div>/GIF Technik

- Sonst kriegst du das so mit HTML nicht hin, da braucht es schon was Serverseitiges wie PHP ...

Der_Mosch · #7 08-10-2005, 21:01

Entweder bin ich der einzige, der es versteht, oder der einzige, der nicht versteht, was craim will... ich befürchte Letzteres. Trotzdem:
Wenn du einfach willst, dass ein Bild als Link agiert, benutzt du folgenden Code:
<a href="Ziel-URL"><img src="Bild" /></a>

Antr4ks.de · #8 08-10-2005, 21:03

Zitat:

Zitat von EEBKiller

Wenn ich das richtig verstehe, willst du verhindern, dass die Addresse des Bilds in der Addressleiste des Browser steht beim klick drauf.

- Entweder Popup, wo die Address-leiste ausgeblendet wird und dann eben wieder diese <div>/GIF Technik

- Sonst kriegst du das so mit HTML nicht hin, da braucht es schon was Serverseitiges wie PHP ...

Ähm, ein Frame sollte dafür geeignet sein

Einfach die Startseite in einem Frame laden und gut ist, dann sieht man nicht die URL in der Addressleiste wo man grad ist.

Zu dem Punkt mit der Verlinkung:
<a href='http://www.google.de' target='_blank'><img src='bild.gif' border='0'></a>

*EEBKiller* · #9 08-10-2005, 21:11

@Zongolo:

Formfehler ! Attribute gehören in " nicht '

Antr4ks.de · #10 08-10-2005, 21:12

Nö, geht beides Oo
Hab ich mir durch PHP so angewöhnt

*EEBKiller* · #11 08-10-2005, 21:35

Natürlich geht beides, aber ist laut W3C ganz und garnicht HTML-Konform

Antr4ks.de · #12 08-10-2005, 22:06

omg -.-
Wo ich unsere Squadpage W3C geprüft habe kam aber nicht son Fehler. Ist doch eigentlich scheissegal ^^

craim · #13 08-10-2005, 22:18

Zitat:

Zitat von Der_Mosch

Entweder bin ich der einzige, der es versteht, oder der einzige, der nicht versteht, was craim will... ich befürchte Letzteres. Trotzdem:
Wenn du einfach willst, dass ein Bild als Link agiert, benutzt du folgenden Code:
<a href="Ziel-URL"><img src="Bild" /></a>

Nein nein mein liebes Moschgetier, du hast genau das was ich wollte,
Ein Bild das als Link agiert.
Wenn ich das richtig versteh, dann:
Gebe ich in *Ziel -URL* meinen Link ein zu dem ich verweisen will, also die http- URL.
u. in "Bild" die URL addy. mit dem Bild, Richtig?

<a href="Ziel-URL"><img src="Bild-Url" /></a>

Also funzen tut es, nur es ist ein kleiner fehler in dem code, leider weiß ich nicht welcher.
Er sieht wie folgt aus:

" />

Dies seh ich in der Html vorschau, u. dort habe ich das

einfach so gelöscht wie auch " /> dieses, u. es funzt.

Kann mir aber einer sagen welcher fehler in dem code steckt?

<a href="Ziel-URL"><img src="Bild-Url" /></a>

Comet · #14 09-10-2005, 13:59

<a href="Ziel-URL"><img src="Bild-Url"></a>

probier das mal

wunder mich eh was das / im img-code zu suchen hat

Der_Mosch · #15 09-10-2005, 14:12

Das W3C sieht vor, dass jeder angefangene Tag auch beendet wird; daher wird / am Ende des img-Tags verwandt, um ihn korrekt zu beenden. Der Code ist korrekt.

Comet · #16 09-10-2005, 15:52

ok er stimmt doch ^^ trotzdem würde ich es es mal ohne probieren wenn es dann nicht weggeht liegt es wohl eher am inhalt

Antr4ks.de · #17 09-10-2005, 16:10

@Craim:

Wäre ganz sinnvoll wenn du hier den genauen Code den du nun in der HTML stehen hast reinschreiben würdest

craim · #18 11-10-2005, 23:05

Ja tschuldige,
Also bei dem code:
<a href="Ziel-URL"><img src="Bild o. gif-Url" /></a>

habe ich unter *Ziel URL*folgendes eingetragen (B.s)
http://www.kirchner-privat.de/video-.../DerPenis.mpeg

sieht wie folgt aus:

<a href="http://www.kirchner-privat.de/video-.../DerPenis.mpeg"><img src="Bild o. gif-Url" /></a>

danach die *Bild o. gif-Url* addy. (B.s)

<a href="<A href="http://imageshack.us"><img">http://imageshack.us"><img src="http://img422.imageshack.us/img422/2...nd239kb7gr.gif" border="0" width="150" alt="Image Hosted by ImageShack.us" /></a>

sieht wie folgt aus:

<a href="http://www.kirchner-privat.de/video-clips11/DerPenis.mpeg "><img src="<a href="http://imageshack.us"><img src="http://img422.imageshack.us/img422/2181/hand239kb7gr.gif" border="0" width="150" alt="Image Hosted by ImageShack.us" /></a> "/></a>

Nun ist der code am ende aber doppelt gemoppelt, also habe ich:
*"/></a>* entfernt.

Nur ich weiß immer noch nicht wie ich im Html *text* das *

* rausbekomme.
Wenn ich auf vorschau geh u. *

* es mit der Tab taste lösche funzt der code trotzdem!!

Wie gesagt mit dem kleinen trick kann man das problem beheben nur wäre es einfacher wenn es gleich mit dem richtigem code vermeidbar ist.

*EEBKiller* · #19 11-10-2005, 23:24

Welches Programm nimmst du, um den HTML-Quelltext zu bearbeiten ?

Wenn es nicht Notepad (oder Ultraedit) ist, schmeiss das Programm weg und nimm einen reinen Text-Editor.

Antr4ks.de · #20 11-10-2005, 23:26

Nimm mal das hier

Code:

<a href="http://www.kirchner-privat.de/video-clips11/DerPenis.mpeg" target="_blank">
<img src="http://img422.imageshack.us/img422/2181/hand239kb7gr.gif" border="0" width="150" alt="Image Hosted by ImageShack.us" /></a>

Der_Mosch · #21 11-10-2005, 23:55

Zitat:

Zitat von craim

<a href="<A href="http://imageshack.us"><img">http://imageshack.us"><img src="http://img422.imageshack.us/img422/2...nd239kb7gr.gif" border="0" width="150" alt="Image Hosted by ImageShack.us" /></a>.

Kopier nicht den Scheiss, den Imageshack dir automatisch generiert. Benutz einfach nur die URL zum Bild im IMG-Tag, so:

<IMG SRC="http://img422.imageshack.us/img422/2181/hand239kb7gr.gif" />

IMG steht für Image. Dann benötigst du das attribut SRC, was die Quelle des Bildes angibt, also den Ort, an dem es gespeichert ist; in diesem Fall also http://img422.imageshack.us/img422/2...nd239kb7gr.gif

Dann setzt du einfach dein am Anfang vollkommen korrektes A für ANCHOR davor und dahinter und fertig. Also:

<a href="http://www.kirchner-privat.de/video-clips11/DerPenis.mpeg"><IMG SRC="http://img422.imageshack.us/img422/2181/hand239kb7gr.gif" /></a>

Wobei ich dir jetzt übrigens mal dringstens empfehle, SelfHTML zu lesen

craim · #22 12-10-2005, 00:22

Klar is logisch, Mosch

hätte ich selber drauf kommen können

aber ich bin ja noch dabei es zu lernen u. zu verstehn.

Aber nun ist ein neues unbekanntes problem aufgetaucht:

Dein Code passt, nur auf einmal ist das bild *lila* umrandet.
Wo zum geier kommt jetzt auf einmal die farbe her???

Der Code von Zongolo is Perfect!!

Der Screen zeigt folgendes:

Drei Hände, das obere ist das von mir bereits erstellte mit dem etwas umständlichen bearbeiten.

Die unteren beiden Hände sind von links nach rechtsgesehen,
Zongolo, daß rechte von Mosch.

http://img436.imageshack.us/img436/332/test1wt.jpg

Der_Mosch · #23 12-10-2005, 00:32

Das liegt am Border-Attribut. Benutz border="0" um den Rahmen zu entfernen; das Teil ist standardmässig da, um Links zu markieren. Lies mal über den Body-Tag in SelfHTML

Antr4ks.de · #24 12-10-2005, 00:33

Ja weil Mosch die anderen Attribute ignoriert hat ^^

border="0" macht den hässlichen Rand weg

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