Code/Grafik Problem?

Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

  • Code/Grafik Problem?

    Hallo,

    ich habe ein Code/Grafik-Problem (?)

    Ich habe in einer Tabelle 2 Zeilen, die 2 verschiedene Klassen besitzen.
    Diese haben folgich 2 verschiedene Hintergründe und 2 verschiedene Hover-Effekte.
    Innerhalb dieser Zeilen habe ich momentan 4 verschiedene Icons eingefügt, vom Typus PNG-24 (mit Transparenz).
    Die Icons sollen als Link dienen und sollten infolge der Transparenz automatisch die Hintergrundfarbe anzeigen können.
    Dies tuhen sie auch, allerdings sofern man mit dem Mauszeiger auf eine Zeile geht, nimmt die PNG-Grafik nicht den geforderten Hintergrund der Hover-Hintergrundfarbe an. Erst wenn man mit dem Mauszeiger direkt über dem Icon ist, wird sie übernommen.

    Livedemo
    Bitte klicken

    Hat jemand eine Lösung zu dem Problem?

    Ich wäre über eine Lösung sehr dankbar.

    Gruß

    pheno

  • Das liegt daran, dass du allen Ankern in den beiden Tabellen-Klassen einen Hintergrund zugewiesen hast. Du musst die Elemente separat beschreiben.

    Quellcode

    1. .contentTableA {
    2. background-color: #221E1C;
    3. font-family: Tahoma, Arial;
    4. font-size: 8pt;
    5. color: #A74F41;
    6. }
    8. .contentTableA:hover {
    9. background-color: #A74F41;
    10. font-weight: bold;
    11. color: #221E1C;
    12. }
    14. .contentTableA a, .contentTableA a:active, .contentTableA a:link, .contentTableA a:visited {
    15. text-decoration: none;
    16. }
    18. .contentTableA a:hover {
    19. font-weight: bold;
    20. color: #221E1C;
    21. }
    Alles anzeigen
    MfG dynambee