XHTMLforum - links-hintergrundfarbe bei hover

XHTMLforum (http://xhtmlforum.de/index.php)

- CSS (http://xhtmlforum.de/forumdisplay.php?f=73)

- - links-hintergrundfarbe bei hover (http://xhtmlforum.de/showthread.php?t=31976)

links-hintergrundfarbe bei hover

hallo,

ich kom einfach nicht drauf wie ich es richtig machen kann...

möchte einer TD bei mouseover ne hintergrundfarbe geben. Im iE siehts auch sauber aus, aber im opera udn NN 7 is nur die hälfte der farbe angezeigt. aber es muss funktionieren (wie zB bei microsoft.de)

Hier konkretes bsp: http://www.thomaskoenig.de/temp/test1.html

thanks im voraus

td:hover {background-color:schmutzig-grau;}

danke schön. ich hab es jetzt anders gelöst.

<td bgcolor="#B4B4B0" onMouseOver="this.style.backgroundColor='#C8C8C5'" onMouseOut="this.style.backgroundColor='#B4B4B0'"> skdskjdh</>

so gehts auch ((-;

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head><title>test</title> 

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />



<style type="text/css">

        html,body        {

                font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

                font-size: 0.9em;

                background-color: #FFCC99;

                color: #00000;

        }



        #box {

                background-color: #FFEEDD;

                color: #00000;

                border: 1px solid #000000;

                padding: 5px 5px 3px 5px;

                width: 150px;

        }

        

        #box a                        { 

                display: block;

                margin-bottom: 2px;        

                border: 1px solid #000000;

                text-decoration : none;

                font-weight: bold;

                background-color:#FF9933;

                color:#000000;

                padding: 0px 2px 0px 2px;

        }

    #box a:link         { background-color:#FF9933; }

    #box a:visited         { background-color:#990066; }

    #box a:focus         { background-color:#FF9966; }

    #box a:hover         { background-color:#F5F5FF; }

    #box a:active         { background-color:#FF9966; }        





</style>



</head>

<body>                        



<div id="box">

dies ist ein link_1

dies ist ein link_2

dies ist ein link_3

</div>







dies ist ein link_4</p>



</body></html>

Ohne Tabellen, ohne JavaScript-CODE und Valide!!

Zitat:

This Page Is Valid XHTML 1.0 Strict!

Gestest in IE, Mozilla und Opera