Avatar billede steen_hansen Forsker
15. marts 2006 - 23:24 Der er 12 kommentarer og
2 løsninger

tablerow som link

Jeg har 5 kolonner, som jeg gerne vil have skal udgøre et link som ét hele:

<tr>
    <td>Teskat1</td>
    <td>Teskat2</td>
    <td>Teskat3</td>
    <td>Teskat4</td>
    <td>Teskat5</td>
</tr>


Hele den linie vil jeg gerne lave om til link med en a.menu:hover-effekt. Kan jeg bruge onclick, og hvordan skal mit CSS se ud?

<tr onclick="location.href='/admin/editusers.asp'"  class="menu">
    <td>Teskat1</td>
    <td>Teskat2</td>
    <td>Teskat3</td>
    <td>Teskat4</td>
    <td>Teskat5</td>
</tr>
Avatar billede Slettet bruger
16. marts 2006 - 05:30 #1
Du blive nok nødtil at sætte style selv når på mouseover og mouseout.
Avatar billede steen_hansen Forsker
16. marts 2006 - 07:17 #2
Ok, men hvad med link på hele <tr></tr>? Er det onclick, der skal bruges?
Avatar billede psykochicken Nybegynder
16. marts 2006 - 08:57 #3
ja til onclick :)
Avatar billede steen_hansen Forsker
16. marts 2006 - 22:02 #4
Jeg kan godt like til en given side med onclick, men man kan overhovedet ikke se, at der er et link, når man holder musen hen over. Når man holder musen hen over teksten, får man bare mulighed for at markere teksten. Holder man musen hen over et tomt område, har man bare den sædvanlige pil, og så har CSS ingen effekt overhovedet:

a.menu {
display: block;
width: 100%;
height: 24px;
padding: 0px;
line-height: 18px;
}
a.menu:hover {
display: block;
width: 100%;
cursor: pointer;
text-decoration: none;
background-color: #e7e7e7;
}

<tr onclick="location.href='/admin/edituserrights.asp'"  class="trheight menu">
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
</tr>

Meningen er, at hele <tr> skal skifte farve (a.menu:hover). Der sker intet, udover at linket er aktivt, man kan godt trykke sig videre. Der er bare ingen måde man kan se det på, overhovedet.
Avatar billede steen_hansen Forsker
16. marts 2006 - 22:03 #5
<tr onclick="location.href='/admin/edituserrights.asp'"  class="menu">
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
</tr>
Avatar billede psykochicken Nybegynder
16. marts 2006 - 23:06 #6
du skal gøre som krypto siger - ex:
<tr onclick="location.href='/admin/edituserrights.asp';" onmouseover="this.style.cursor='pointer';this.style.backgroundColor='#e7e7e7';" onmouseout="this.style.backgroundColor='#fff';">

/psc
Avatar billede roenving Novice
25. marts 2006 - 16:41 #7
-- at sætte cursor onmouseover er en slags avanceret vrøvl, da en cursor sat for et element alligevel kun virker, når den er over elementet, så f.eks.:

<tr onclick="location.href='/admin/edituserrights.asp';" style="cursor:pointer;" onmouseover="this.style.backgroundColor='#e7e7e7';" onmouseout="this.style.backgroundColor='#fff';">
Avatar billede steen_hansen Forsker
03. april 2006 - 13:14 #8
kryptos, psykochicken og roenving, læg lige et svar. I skal have tak for hjælpen alle sammen :o)
Avatar billede roenving Novice
03. april 2006 - 17:40 #9
Oki '-)
Avatar billede psykochicken Nybegynder
03. april 2006 - 19:29 #10
Tak for tilbuddet, men giv de point du havde tiltænkt mig til roenving som tak for kvalitetskontrol ;o)

/psc
Avatar billede steen_hansen Forsker
03. april 2006 - 20:31 #11
psc: roenving havde ret, den havde jeg selv luret. Men du skal have for indsatsen. Og kryptos havde, trods den sparsomme beskrivelse, fat i det rigtige fra start, så vi mangler stadig lige et svar fra kryptos og psc :o)
Avatar billede Slettet bruger
04. april 2006 - 07:10 #12
.
Avatar billede steen_hansen Forsker
04. april 2006 - 15:20 #13
Tak for hjælpen til alle
Avatar billede roenving Novice
05. april 2006 - 21:19 #14
-- o jeg takker for point ;~}
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