Mouse-Over Bild wird zu klein angezeigt

  • 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
    1. div.imgtip {position: relative; text-decoration: none;}
    2. div.imgtip span {display: none;}
    3. div.imgtip .headline { background-color:#34596e;color:#ffffff;padding:2px 8px 2px 8px;}
    4. div.imgtip:hover span { position: absolute; display: block; top: -9.0em; left: 2em; }
  • Das liegt an diesen beiden CSS-Anweisungen, die auf beide Bilder wirken:

    CSS
    1. .td5 img { height: 80px!important;}
    2. 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
    1. .imgtip > img { height: 80px!important;}
    2. .imgtip > span > img { max-width: none;}
  • Hi,


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


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


    kann natürlich nicht funktionieren.