Lexi Help
Die neuesten Themen
» Begriff : "merken"
von Ray Heute um 12:14

» [PunBB] Umzug eines funktionierenden Forums von PunBB auf phpBB?
von inde Heute um 11:07

» Servamp Forum
von Raine Kamiya Gestern um 22:47

» [phpBB2] Probleme mit der "Postprofil" Anzeige
von Dr.Keks Gestern um 20:56

» Private Nachrichten
von inde Gestern um 10:05

» Wie kann man erkennen, welche Forenversion ein anderes Forum hat?
von inde So 25 Sep 2016 - 22:24

» Ad Ware im Forum?
von inde So 25 Sep 2016 - 20:38

» [Update] Neues Theme der mobilen Version V2
von #Frank So 25 Sep 2016 - 16:57

» [Sammelthread] Unangebrachte Werbung
von inde Fr 23 Sep 2016 - 9:00

» [phpBB2] Gruppen in der Wer is Online Anzeige "trennen"
von TheRollyJoger Mi 21 Sep 2016 - 10:49

» Yaruma - Fantasy-RPG Forum
von Alketa Di 20 Sep 2016 - 21:34

» [phpBB3] Links automatisch kursiv
von inde Di 20 Sep 2016 - 17:37

» [Invision] Kompletter Css-Codebaum gesucht !
von inde Di 20 Sep 2016 - 13:12

» Filmforum "Dark Movie Dreams"
von Ray Di 20 Sep 2016 - 11:56

» Forumseite mit Mailware verseucht ?
von inde Mo 19 Sep 2016 - 20:31

» Ich kann keine Hintergrundbilder hochladen
von Serv Mo 19 Sep 2016 - 19:59

Partner
free forum

Bild-Hover Verlinkung

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach unten

Bild-Hover Verlinkung

Beitrag von Mirabelle am So 18 Sep 2011 - 11:10

Hallo,

ich hab mich jetzt schon überall durchgewühlt und auch gute Sachen gefunden.. der eigentliche Effekt hat auf anhieb geklappt ( http://www.ohne-css.gehts-gar.net/0026.php# ) hier ist das sehr schön erklärt, aber oben steht nur so eine 'tolle' bemerkung 'kann falls gewünscht noch verlinkt werden' - *hahaha* ja wie denn...?

Code:
<a href="http://img4.fotos-hochladen.net/uploads/hovermirabellemfsat3wh49.png" class="foto-link foto1"></a>

Wo muss ich den da was einstellen?

Code:
.foto-link
{
width: 64px;
height: 96px;
display: block;
}

.foto1
{
background: url(http://img4.fotos-hochladen.net/uploads/hovermirabellemfsat3wh49.png) no-repeat;
}

.foto-link:hover
{
background-position: 0 -96px;
}


Mirabelle
Lehrling
Lehrling

Weiblich Beiträge : 74
Anmeldedatum : 25.06.11

Nutzerprofil anzeigen

Nach oben Nach unten

Re: Bild-Hover Verlinkung

Beitrag von #Frank am So 18 Sep 2011 - 11:26

Wenn du die Seite mal zu Ende gelesen hättest, dann hättest du auch diese Zeile gefunden:
Soll auf eine Zielseite verlinkt werden, so ist die Raute (#) durch den entsprechenden Pfad zu dieser Seite zu ersetzen.
Wenn du schon sowas einbaust, dann solltest du auch alles lesen und verstehen, und nicht nach der Hälfte aufhören. Aber wer was davon versteht, der hätte es auch so gesehen, wo da ein Link hingehört.
In deinem oberen Code hast du doch schon den Link eingesetzt, der aber bei dir zu der Grafik führt und nicht eine andere Seite aufruft.



Keine Unaufgeforderten PN senden! Unsere Regeln Passwort vergessen ? Info's zu den Gründerdaten
Mein IPad schreibt die tollsten Wörter... Nicht wundern... Einfach geniessen...!

Meine Geduld wird geladen:

Fortschritt: 67%
Never change a running system on Friday!

#Frank
Administrator
Administrator

Männlich Beiträge : 34499
Hinweis : Never change a running system on Friday!
Anmeldedatum : 13.08.08
Firefox

Nutzerprofil anzeigen

Nach oben Nach unten

Re: Bild-Hover Verlinkung

Beitrag von Mirabelle am So 18 Sep 2011 - 11:28

Danke

Mirabelle
Lehrling
Lehrling

Weiblich Beiträge : 74
Anmeldedatum : 25.06.11

Nutzerprofil anzeigen

Nach oben Nach unten

Re: Bild-Hover Verlinkung

Beitrag von #Frank am So 18 Sep 2011 - 11:29

Bitte...
closed



Keine Unaufgeforderten PN senden! Unsere Regeln Passwort vergessen ? Info's zu den Gründerdaten
Mein IPad schreibt die tollsten Wörter... Nicht wundern... Einfach geniessen...!

Meine Geduld wird geladen:

Fortschritt: 67%
Never change a running system on Friday!

#Frank
Administrator
Administrator

Männlich Beiträge : 34499
Hinweis : Never change a running system on Friday!
Anmeldedatum : 13.08.08
Firefox

Nutzerprofil anzeigen

Nach oben Nach unten

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach oben


 
Forenbefugnisse:
Sie können in diesem Forum nicht antworten