Avatar billede dcheng Novice
21. juli 2004 - 12:39 Der er 7 kommentarer og
1 løsning

table row mouse over farver

Jeg kunne godt tænke mig at vide om det kan lade sig gøre at give teksten farve når man har mouse over på en hel række med flere celler. Og en anden ting hvordan får man ændret baggrundsfarven når man har mouse over.

Ingen javascript tak :D

<A href="LINK_DESTINATION">
    <TR class="row">
        <TD>celle1</TD>
        <TD>celle2</TD>
        <TD>celle3</TD>
    </TR>
</A>
Avatar billede terrak Nybegynder
21. juli 2004 - 12:55 #1
Kan det her bruges? :)

<style>

.colortest tr:hover {background: gray;}

</style>


<table class="colortest" cellspacing="0" cellpadding="2">

    <TR>
        <TD>celle1</TD>
        <TD>celle2</TD>
        <TD>celle3</TD>
    </TR>

</table>
Avatar billede dcheng Novice
21. juli 2004 - 12:59 #2
Jo det kunne det måske godt jeg har IE6 hvor der ikke virker

Men i Opera 7.5 og Firefox0.9 virker det...

Hvorfor faen virker det ikke i IE6?
Avatar billede terrak Nybegynder
21. juli 2004 - 13:25 #3
Ja det må du nok spørge om, det plejer jo altid at være omvendt :)

Jeg har dog umiddelbart ikke nogen forklaring, men det kan være at nogle andre personer kommer og kigger lidt på det.
Avatar billede roenving Novice
21. juli 2004 - 13:26 #4
Fordi :hover er en af de ting fra css2, som IE ikke har implementeret !-)

-- :hover har fra starten virket på a-elementer, men altså ikke på andre, og w3c har så implementeret det på alle elementer, som har en fysisk udstrækning i css2-standarden, hvilket Gecko (Mozilla/Netscape) nærmest havde implementeret i forvejen, og Opera har lagt vægt på css2 ...

-- men der er rigtig mange ting fra css2, som IE ikke har implementeret (og vist også nogle hjørner fra css1 !-)

-- og der er vist overhovedet ikke een browser, som har implementeret css2 fuldt ud, de har hver deres huller ...

-- så hover på en tr er altså javascript og ikke css:

<tr onmouseover="this.backgroundColor='#eee'" onmouseout="this.backgroundColor='#fff'">
Avatar billede roenving Novice
21. juli 2004 - 13:29 #5
>>terrak

Der hvor det er omvendt, er der, hvor M$, pga. den stærke integration mellem browser og styresystem, kan påvirke ting, som normalt er under styresystemets kontrol !-)

-- og hvor de derfor har udvikjlet deres egne css-udvidelser ...

-- hvis du slår op på msdns dokumentation for f.eks. scroll-bar-properties, vil du se, at de er omtalt som ms-udvidelser til css og der under Standards står 'none'
Avatar billede terrak Nybegynder
21. juli 2004 - 13:35 #6
Tak for den brugbare information :) men mener du ikke this.style.backgroundColor ?

dcheng >> Det ser ud som om Javascript er den eneste vej.
Avatar billede dcheng Novice
21. juli 2004 - 13:37 #7
Det er sku da træls af sådan en browser ikke er lavet ordenligt :D...

ja jeg har også bemærket at scroolbar ikke virker på css
Avatar billede roenving Novice
21. juli 2004 - 13:42 #8
Jo, scroll-bar-properties virker ganske udmærket i alle udformninger af html-doctypes, men har man doctype med dtd-link skal de sættes på html-elementet, hvor det ellers skal sættes på body-elementet (men det gælder sæ'fø'li' kun i IE/Windows ogeh... en til)

-- og du har selvfølgelig ret med .style. terrak !-)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester