CSS Problem mit Bildern als Links

  • CSS Problem mit Bildern als Links

    Hallo!

    Ich hab ein CSS-Problem (kann CSS allerdings nicht wirklich gut...von daher...)

    Ich habe eine Map, bestehend aus 64 span-Teilen. In diesen Spanteilen sind Bilder, die wiederum verlinkt sind.
    Allerdings zeigt firefox trotz a { text-decoration: none; } einen Kasten um jedes Bild an, um zu zeigen dass es ein Link ist. Hier der relevante Code:

    Quellcode

    1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    3. <html>
    4. <head>
    5. <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
    6. <title>Chess<title>
    7. <style type="text/css">
    8. html { text-align: center; color: #528B8B; }
    9. a { text-decoration: none; }
    10. #field { background-color: #528B8B;text-decoration: none; }
    11. .black { background-color: #000000; }
    12. .white { background-color: #FFFFFF; }
    14. </style>
    15. </head>
    16. <body>
    17. <!-- Ausgabe php code-->
    18. </body>
    19. </html>
    Alles anzeigen

    Quellcode

    1. echo '<div id="field">';
    2. for ($row=0;$row<8;$row++)
    3. {
    4. for ($column=0;$column<8;$column++)
    5. {
    6. if ($map[$row][$column]['map_color'] == BLACK) // black
    7. {
    8. echo '<span class="black">';
    9. }
    10. else // or white
    11. {
    12. echo '<span class="white">';
    13. }
    14. echo '<a href="?action=clicked&row=x&column=y">';
    15. echo ' <img src="images/das_bild.gif" alt="alt-text"/>';
    16. echo '</a>';
    17. echo '</span>';
    18. }
    19. echo '<br />';
    20. }
    21. echo '<a href="?action=reset_map">Reset</a>';
    22. echo '</div>';
    Alles anzeigen


    Weiß jemand wie man diese Kästen wegbekommt?