Mouse-Over Bild wird zu klein angezeigt

BadCat · 2. Oktober 2016

Hallo,

ich möchte das Bild "NTV bester Rahmenkredit" als Mouseover in Originalgröße anzeigen lassen (etwa 220px x 200px).
Das Bild wird jedoch zu klein angezeigt. Es geht um das Bild als Mouse:over

Was mache ich falsch?

Link: http://12test.de/

CSS

div.imgtip {position: relative;  text-decoration: none;}
div.imgtip span {display: none;}
div.imgtip .headline { background-color:#34596e;color:#ffffff;padding:2px 8px 2px 8px;}
div.imgtip:hover span { position: absolute; display: block; top: -9.0em; left: 2em; }

Sempervivum · 2. Oktober 2016

Das liegt an diesen beiden CSS-Anweisungen, die auf beide Bilder wirken:

CSS

.td5 img {    height: 80px!important;}
img {    height: auto;    max-width: 100%;    vertical-align: middle;}

Das max-width bei dem zweiten, beides in style.css definiert. Hast Du Zugriff auf diese Datei? Ich würde empfehlen, beide Bilder gezielt anzusprechen und die Breite und die Höhe zu setzen:

CSS

.imgtip > img {    height: 80px!important;}
.imgtip > span > img {    max-width: none;}

BadCat · 3. Oktober 2016

Hi,

vielen Dank. hast mir sehr geholfen!!!!!!. Das mit der festen Höhe 80px

CSS

.td5 img {    height: 80px!important;}

kann natürlich nicht funktionieren.

Mouse-Over Bild wird zu klein angezeigt

Jetzt mitmachen!

Teilen