CSS img:hover - wie bekomm ich den Link klickbar?
am1
- css
- design/layout
Hallo zusammen!
Auf der obigen Website möchte ich bei den Referenzen den Link klickbar haben, wenn man über das Bild mit der Maus fährt.
Ich hab das Thema nach ganz hinten geschoben, da es mich schon einmal fast 5 Tage aufgehalten hat und ich einfach keinerlei Lösung fand. :-(
Würde mich herzlichst freuen, wenn mal jemand drüber schauen kann. Die flex-box ist zwecks der Anordnung glaub ich ganz optimal gewesen, allerdings hab ich es damit nicht geschafft, den Hover-Content selektierbar zu machen. Alles andere verhunzt das komplette Layout.
Riesen Dankeschön!
Grüße Alex / am1
http://www.msiegmund.com/dev/
Hallo am1,
Auf der obigen Website möchte ich bei den Referenzen den Link klickbar haben, wenn man über das Bild mit der Maus fährt.
wenn ich dich richtig verstanden habe, dann so:
<a href="#"><img class="reference_image" alt="reference_image" src="img/company_aleris.jpg"></a>
Hallo am1,
Auf der obigen Website möchte ich bei den Referenzen den Link klickbar haben, wenn man über das Bild mit der Maus fährt.
wenn ich dich richtig verstanden habe, dann so:
<a href="#"><img class="reference_image" alt="reference_image" src="img/company_aleris.jpg"></a>
Äh nee... ;-)
Wenn man mit der Maus über die Referenz fährt, kommt doch als Hover-Event quasi die Arbeiten. Unten steht dann der www-Link des Unternehmens. Dieser ist aktuell nicht klickbar per flex-box.
Wie löse ich das?! Die URL ist als a-href hinterlegt, daher meine Vermutung, dass es mit dieser flex-box zu tun hat.
Grüße
Hallo am1,
Auf der obigen Website möchte ich bei den Referenzen den Link klickbar haben, wenn man über das Bild mit der Maus fährt.
ok, dann nochmals :) Ich hoffe, ich habe dich richtig verstanden. Such mal in deiner CSS Datei nach diesem:
section.reference_keywords section.reference_url {}
und gebe diesem die Eigenschaft "z-index: 1;"
Hallo am1,
Auf der obigen Website möchte ich bei den Referenzen den Link klickbar haben, wenn man über das Bild mit der Maus fährt.
ok, dann nochmals :) Ich hoffe, ich habe dich richtig verstanden. Such mal in deiner CSS Datei nach diesem:
section.reference_keywords section.reference_url {}
und gebe diesem die Eigenschaft "z-index: 1;"
Oh mein Gott... 10 Chars die mich zur Lösung führen und ich werfe das komplette Konstrukt mehrfach über den Haufen. augenverdreh
RIESENGROSSES DANKESCHÖN Jnnbo!
Du hast mir gerade 5 Tage Lebenszeit geschenkt! ;-)
Hallo am1,
RIESENGROSSES DANKESCHÖN Jnnbo!
Bitteschön :) Dir noch einen schönen Abend und weiterhin viel Spaß beim "fummeln" :D
Hallo am1,
RIESENGROSSES DANKESCHÖN Jnnbo!
Bitteschön :) Dir noch einen schönen Abend und weiterhin viel Spaß beim "fummeln" :D
Das hat bei dieser Website langsam ein Ende. :D
Hallo am1,
Das hat bei dieser Website langsam ein Ende. :D
och, da würde mir noch die Option "Handyopimierung" einfallen. Man kann auf einem Handy nicht wirklich viel erkennen :/
>
Hallo am1,
Das hat bei dieser Website langsam ein Ende. :D
och, da würde mir noch die Option "Handyopimierung" einfallen. Man kann auf einem Handy nicht wirklich viel erkennen :/
>
Dankeschön! Alex / am1
Ist das zufällig ein Eierphone?
Gleiche Probleme hat mir gestern wer berichten vom iPhone5S, da siehts auch etwas verhunzt aus. Liegt wohl an der falschen orientation oder viewport... Hatte gestern sporadisch kurz gegoogelt und zich Probleme mit Apple gefunden. Im Android siehts gut aus...
Hallo am1,
Ist das zufällig ein Eierphone?
ich habe ein "LG-E610" mit der Software Android 4.1.2. Geschaut habe ich mit dem aktuellen Firefox den es für Android gibt.
Edit: Ich sehe in deinem CSS überhaupt keine "media queries" dann kann es sich ja auch gar nicht anpassen.
Hallo am1,
Bitte vermeide Vollzitate. Sie sind in diesem Forum weder notwendig noch erwünscht. Sie stören nur den Lesefluss. Zitiere nur das, worauf du dich konkret beziehst. Danke.
Bis demnächst
Matthias