Link ins Bild?

[Maddin]

Hallo, man kann ja relativ einach auf ein Bild schreiben aber die Schrift wird dann auch als Bild dargestellt...und deswegen kann man da keinen Link daraus machen. Wie kann ich also einen Link in ein Bild einfügen aber nicht nur ein Link in ein Bild und dann noch so das ich CSS verwenden kann^^ Danke schonmal

 

[mLte]

Hallo, man kann ja relativ einach auf ein Bild schreiben aber die Schrift wird dann auch als Bild dargestellt...und deswegen kann man da keinen Link daraus machen. Wie kann ich also einen Link in ein Bild einfügen aber nicht nur ein Link in ein Bild und dann noch so das ich CSS verwenden kann^^ Danke schonmal

du kannst auch ein bild als Link verwenden:

<a href="..."><img border="0" src="..."></a>

anders kannst du es so machen (Beispiel bei einer Umsetzung mit Tabellen):

<table>
<tr>
<td background="bild.gif"><a href="...">Link</a></td>
</tr>
</table>

mfg,
mLte

 

[Maddin]

du kannst auch ein bild als Link verwenden:

<a href="..."><img border="0" src="..."></a>

anders kannst du es so machen (Beispiel bei einer Umsetzung mit Tabellen):

<table>
<tr>
<td background="bild.gif"><a href="...">Link</a></td>
</tr>
</table>

mfg,
mLte

Hmm geht irgendwie net

Hier der Code den ich umwandeln brauch damit ich auf das Bild schreiben kann:

<td colspan="2"><img src="01_r3_c2.jpg" alt="Hallo" name="n01_r3_c2" width="124" height="164" border="0" id="n01_r3_c2" /></td>

 

[mLte]

Hmm geht irgendwie net

Hier der Code den ich umwandeln brauch damit ich auf das Bild schreiben kann:

<td colspan="2"><img src="01_r3_c2.jpg" alt="Hallo" name="n01_r3_c2" width="124" height="164" border="0" id="n01_r3_c2" /></td>

Daraus machst du:

<td colspan="2" background="01_r3_c2.jpg" alt="Hallo" name="n01_r3_c2" width="124" height="164" border="0" id="n01_r3_c2" />hier kannst du denn drauf schreiben</td>

 

[tobias1985]

Schau dir das mal an:
https://de.selfhtml.org/html/grafiken/verweis_sensitive.htm
Beispiel:

<map name="bild">
<area href="<a href="https://url"/" target=_blank>https://url"; shape="rect" coords="316, 268, 405, 355">
</map>
<img border="0" src="bild.jpg" usemap="#bild" width="513" height="1538">

Erklärung:
Die Zahlen bei "coords" (Koordinaten) bestimmen die Position (1. und 2. Zahl) und die Größe deines Links (3. und 4. zahl).

 

[Maddin]

Schau dir das mal an:
https://de.selfhtml.org/html/grafiken/verweis_sensitive.htm
Beispiel:

<map name="bild">
<area href="<a href="https://url"/" target=_blank>https://url"; shape="rect" coords="316, 268, 405, 355">
</map>
<img border="0" src="bild.jpg" usemap="#bild" width="513" height="1538">

Erklärung:
Die Zahlen bei "coords" (Koordinaten) bestimmen die Position (1. und 2. Zahl) und die Größe deines Links (3. und 4. zahl).

Das mache ich mit Dreamweaver aber Danke

 

[Maddin]

Daraus machst du:

<td colspan="2" background="01_r3_c2.jpg" alt="Hallo" name="n01_r3_c2" width="124" height="164" border="0" id="n01_r3_c2" />hier kannst du denn drauf schreiben</td>

Klappt THX

 

[mLte]

Klappt THX

kein ding

 

[x3ntar]

Yo also mir wäre auch nur die <map>Methode eingefallen,
dann kannste halt eine schon im Bild vorhandene Schrift verlinken,
for example meine HP...

Aber sonst kannste schon die <td>Methode nehmen,
persönlich finde ich die via map aber besser...

x3ntar

 

[mLte]

ich mach halt nur son küchen-html

hauptsache es funkt

 

[Maddin]

Yo also mir wäre auch nur die <map>Methode eingefallen,
dann kannste halt eine schon im Bild vorhandene Schrift verlinken,
for example meine HP...

Aber sonst kannste schon die <td>Methode nehmen,
persönlich finde ich die via map aber besser...

x3ntar

Aber dann kann ich nicht sooviel css verwenden^^

 

[topfkanne]

x = bildbreite-x2
y = bildhöhe-y2
x2 = abstand links für text
y2 = abstand oben für text

<div style="width:x;height:y;background:url("link/bild.jpg") no-repeat;padding:x2  0 y2 0;"><a href="#">link</a></div>

müsste gehen ^^

für weiteres:
https://www.css4you.de