Antworten auf deine Fragen:
Neues Thema erstellen

CSS - Bildverlinkung

cijay

Typist

Hallo und guten Morgen werte Gemeinde,

ich habe ein Problem. Deswegen bin ich ja auch hier und schreibe. Zur Verdeutlichung habe ich die beiden Bilder mit hochgeladen.
Ich möchte auf das Bild (schräg gestellter Bus) einen Link setzen, oder Hotspot. Ich befürchte, dass es mit Bildern die im CSS "eingespeist" wurden, keine nachträgliche Verlinkung möglich ist, oder?
Mit Klick auf das Bild soll dann nämlich auf eine html-Seite gewechselt werden.

Vielen Dank schon mal für Tipps usw..

CiJay..
 

cijay

Typist

AW: CSS - Bildverlinkung

bin ich blöd?

bild hochgeladen und er sagt das war erfolgreich.. muss ich nochwas tun?

vielleicht so?
 
W

waterwebdesign

Guest

AW: CSS - Bildverlinkung

Ist der Link dann nur Teil des Busses, oder soll es der Link der Ganze Bus sein?
Ohne Skizze kann ich dir noch nicht ganz folgen.
 
AW: CSS - Bildverlinkung

hallo,

leg einfach um den container deines bildes diesen:

Code:
<div onclick="location.href='http://zur website.de/'" style="cursor:pointer;">

</div>
gruß sfischer
 
Zuletzt bearbeitet:

cijay

Typist

Das gesamte Bild soll der Link sein..

Hier mein CSS-Auszug:

#header {
height: 180px;
background-image: url(../images/Kopf%20Startseite.png);
background-repeat: no-repeat;
background-position: bottom left;
position: relative;
}

#header h1 {
background-image: url(../images/Anreisser-Flughafentransfer.png);
background-repeat: no-repeat;
background-position: right top;
height: 200px;
line-height: 500px;
overflow: hidden;
position: absolute;
right: -54px;
top: 60px;
width: 361px;
}

Bild folgt... Hoffe ich - es handelt sich dann um das Anreisser-Flughafentransfer.png

Unter diesem Link müsste das Bild sein..

Vielen Dank für eure Geduld..
 
Zuletzt bearbeitet von einem Moderator:

cijay

Typist

AW: CSS - Bildverlinkung

Hallo sfischer,

das läuft.. manches ist aber auch sowas von einfach - im nachhinein!

Habe es dann so gemacht:

<div onclick="location.href='transfer.html'" style="cursor:pointer;">
<h1>Taxi-Buchholz Liebenau</h1>
</div>
Vielen Dank..

Kann man jetzt auch noch, wenn man lustig ist, einen hover-Effekt anwenden? Habe das gleiche Bild nochmal, nur mit anderem Schatten..

Ansonsten - Hut ab!
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Statistik des Forums

Themen
118.614
Beiträge
1.538.351
Mitglieder
67.525
Neuestes Mitglied
mgtaucher
Oben