Hallo zusammen. Ich hätte gerne für alle Bilder die ich auf meiner Startseite habe diesen Mouseover Effect wie im Testshop 2 oben die 3 Bilder. Habe mich hier ein bisschen eingelesen und folgendes in mein CSS eingefügt, leider ohne Erfolg. Ich muss dazu sagen, dass ich absoluter Laie bin was sowas angeht. :-( So sieht mein CSS im Moment aus, aber bei den Bildern passiert garnichts leider. .navbar-collapse .navbar-categories ul.navbar-nav > li > ul.dropdown-menu > li { padding: 0px; } .home-teaser:hover > img { width: calc(100% + 16px); height: calc(100% + 16px); left: -8px; top: -8px; } .home-teaser { position: absolute; height: calc(100% - 15px); width: calc(100% - 15px); display: block; left: 7px; top: 7px; background: transparent 50% 50% no-repeat; background-size: cover; overflow: hidden; } Ich hoffe auf Hilfe. Vielen Dank an alle.
Hallo Kevin, ohne im Moment ins Detail zu gehen. Wie sieht der Part mit der Einbindung des Bildes aus?
Hallo Developer, was genau meinst du? Ich habe die Bilder eingefügt über den Queelcode. Der Shop ist www.liquid-helden.de
OT! Hallo Kevin. Der Plural von "Shot" lautet "Shots". Nicht "Shot´s". Das wäre nicht einmal in Englisch richtig. Der Plural von "Liquid" lautet "Liquids". Nicht "Liquid´s" Gleiches bei "Info". Das sind dann, wenn es mehrere sind, "Infos" und nicht "Info´s" Weitere Infos hier: Deppenapostroph