Ændre tekstfarven i en hover celle ??

a.menu:hover
    {
    color: black;
    background : #c0c0c0;
    display:block;
    width:100%;
    height: 100%;
    }


????

nemlig.

Må nok hellere lægge resten ind...
        <td valign="middle" align="center" class="knap" id="knap"><a href="billeder.htm" class="menu" target="vis.htm">.: Billederne :.  </a></td>

...og jeg har lavet en grande fejl i indlæget... det skal lige siges at det er link-teksten der skal være sort...
Det må i undskylde... :(

/mandator/

Det burde faktisk virke efter hvad jeg kan se..
anyway, kan det være smart at have både en class og et id der hedder "knap" til den <td> ??

Den virker skam delvist... teksten bliver sort ved hover, men ikke i "normal" tilstand ...

prøv at erstatte #000000 med "black"

a.menu
    {
    color: black;
    background : #f0f0f0;
    display:block;
    width:100%;
    height:100%;
   
    }

a.menu:hover
    {
    color: black;
    background : #c0c0c0;
    display:block;
    width:100%;
    height: 100%;
    }

vent lidt, skal det ikke hedde:

a.menu:link
{
css kode
}

Kig evt. http://www.peterelkjaer.dk/exp/css.html

a.menu:link
{
color: black
}

resulterer i at hover ikke virker...

a.menu:link, a.menu:visited, a.menu:active
    {
    color: black;
    background : #f0f0f0;
    display:block;
    width:100%;
    height:100%;
    color: #000000;
    }

a.menu:hover
    {
    background : #c0c0c0;
    color: black;
    display:block;
    width:100%;
    height: 100%;
    }

prøv igen

<script>
<!--
function rowOver(){
lmnt = window.event.srcElement;
if (lmnt.tagName.toUpperCase() == 'TABLE')
return;
while (lmnt.tagName.toUpperCase() !='TD')
lmnt = lmnt.parentElement;
lmnt.style.background = "#999999";

}

function rowOut(){
lmnt = window.event.srcElement;
if (lmnt.tagName.toUpperCase() == 'TABLE')
return;
while (lmnt.tagName.toUpperCase() !='TD')
lmnt = lmnt.parentElement;
lmnt.style.background ="#CCCCCC";

}
//-->
</script>

onMouseOver="rowOver()" onMouseOut="rowOut();" //skal insættes i dit TD

Her er er script der ændrer farven på BG
tror godt du kan ændre så den laver tekst om

jeg har brugt det her hvis du ikke kan fatte det
http://www.eye-web.dk/hansen/website/index.asp

-->pelkjaer
Jeg kan ikke lige gennemskue dit link???

-->esoulman
Jeg har lavet en copy-paste, med samme resultat... nada hover effekt...

-->eyes
Jeg prøver så vidt muligt at holde det i html. For overskuelighedens skyld samt for at lære mere om noget jeg ved lidt om i forvejen :) Ellers mange tak :)

mandator>>Sorry - du skal kigge i javascript for at se sti til version 5 css.
Mener den hedder vr5.css

hvad er det præcist der skal ske når musen føres over link?

Nej

http://www.peterelkjaer.dk/exp/v5r.css

Der hvor der står
/* Styles for the Menu */
og nedad er menuen

Jeg kan stadig ikke greje den. :(... måske fordi jeg sidder og falder i søvn...

Men jeg ved at løsningen er her i disse indlæg. Derfor beder jeg om nogle svar isteddet for kommentarer :)) og kigger på det i morgen, samt lægger løsningen :)

okay ;)

du kunne eventuelt inden du går i seng, smide et link til siden måske?

-->esoulman
Den ligger på min hdd... jeg er ikke andet end begyndt på den idag.

Det er nu ret simpelt :)
Det er nok fordi du er ved at falde i søvn :)

Jeg lægger et svar.

-->pelkjaer
Garanteret det er :)))
Jeg lægger løsningen på det engang i morgen henved aften, kan i vente til der eller ??

Jeg roder stadig rundt i det...
men her er et link:
www.mandator.amok.dk
Css...: www.mandator.amok.dk/style.css

Du skal heller ikke have så mange class'es overhovedet.

Lad os tage denne class (farver, font kan du justere til sidst):

.childTbl {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        color: #333333;
        font-size: 13px;
        background-color: #D4D0C8;
        border-color: #FFFFFF;
        border-style: solid;
        border-top-width: 1px;
        border-right-width: 0px;
        border-bottom-width: 0px;
        border-left-width: 0px;
}
.childTbl a {
        position:relative;
        display:block;
        text-decoration: none;
        padding-top: 2px;
        padding-bottom: 2px;
        padding-left: 12px;
        color: #333333;
}
.childTbl a:hover {
        background-color: #FFEDA4;
        text-decoration: none;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        color: #FFFFFF;
}

Så vil dine tr/td se sådan ud:

<tr>
<td class="childTbl"><a href="billeder.htm">.: Billederne :.</a></td>
</tr>

Simple as that - alt hvad du har brug for at definere gør du i css'en, men det hele burde være emd her.

Det er rigeligt at du blot smider bredde på tabellen.

Det var ikke andet end guld du kom med der pelkjaer :)))
Tak skal du have :))