Avatar billede kovalt Nybegynder
14. april 2004 - 23:15 Der er 20 kommentarer og
2 løsninger

Lave <td> om til link

Hej
 
  Jeg har følgende linie, som jeg gerne vil lave om til et link.

<td align="left" background="images/knap.jpg" width="80"></td>

Grunden til dette er at jeg med ASP ændrer den tekst, der står ovenpå billedet (er udeladt her).

Jeg har forsøgt med at sætte <a href="..."></a> rundt om - men dette giver ikke noget "hånd" når musen føres over, hvilket der skal... kan dette lade sig gøre?

Kovalt
Avatar billede doggy82 Praktikant
14. april 2004 - 23:18 #1
hmm ikke helt sikker på om jeg forstår. Men prøv at putte linket ind i. Og så lav den display:block; i din CSS. Eller lav det in-line som her:
<td align="left" background="images/knap.jpg" width="80"><a style="display:block;" href="..."></a></td>
Avatar billede doggy82 Praktikant
14. april 2004 - 23:20 #2
øvv hvis det fungerer som et link men du ikke får hånden frem kan du også bruge CSS til det:
a:hover {cursor:pointer;}
Avatar billede doggy82 Praktikant
14. april 2004 - 23:20 #3
lol - "øvv" sku' være "øhh"
Avatar billede kovalt Nybegynder
14. april 2004 - 23:25 #4
cursor:pointer; kan jeg ikke få til at virke....

prøver lige in-line
Avatar billede roenving Novice
14. april 2004 - 23:25 #5
<td align="left" background="images/knap.jpg" width="80" onclick="dinLinkSide.asp" style="cursor:pointer;"></td>
Avatar billede hansdam Nybegynder
14. april 2004 - 23:26 #6
Prøv:
<td align="left" background="images/knap.jpg" width="80" onmouseover="this.style.cursor='hand'" onclick="DitLink.asp">&nbsp;</td>
Avatar billede hansdam Nybegynder
14. april 2004 - 23:26 #7
hmm var ikke lige hurtig nok ;)
Avatar billede kovalt Nybegynder
14. april 2004 - 23:27 #8
<td align="left" background="images/knap.jpg" width="80"><a style="display:block;" href="#"></a></td> - virker ikke når linket er tomt, hvilket det jo bliver når det sættes sådan op.

<a style="display:block;" href="#"><td align="left" background="images/knap.jpg" width="80"></td></a> - sker der slet ingenting ved.
Avatar billede kovalt Nybegynder
14. april 2004 - 23:29 #9
hansDam - det må blive dig der løber med æren - eftersom din viser hånden omMouseOver... smider du et svar
Avatar billede oversjanten Nybegynder
14. april 2004 - 23:31 #10
<td align="left" background="images/knap.jpg" width="80"><a style="display:block;" href="#">&nbsp;</a></td>

dette skulle virke ;-)
Avatar billede kovalt Nybegynder
14. april 2004 - 23:31 #11
sorry Roenving - havde ikke lige set din.... hvilken jo også løser problemet.... I deler
Avatar billede hansdam Nybegynder
14. april 2004 - 23:32 #12
Jo tak :-D -> Det eneste der mangler i roenving's er style="cursor:hand;" Så vi skulle dele..
Avatar billede roenving Novice
14. april 2004 - 23:33 #13
>>hansdam

-- tværtimod, så virker min i alle browsere med at vise hånden, mens din kun virker i nogle browsere ...
Avatar billede kovalt Nybegynder
14. april 2004 - 23:34 #14
Roenving - smider du også lige et svar
Avatar billede roenving Novice
14. april 2004 - 23:36 #15
-- jeg burde vel også rette den fejl, jeg havde, så du helt undgår at have et link inde i, og kan nøjes med:

<td align="left" background="images/knap.jpg" width="80" onclick="location.href='dinLinkSide.asp'" style="cursor:pointer;"></td>

-- og velbekomme '-)
Avatar billede steen_hansen Forsker
14. april 2004 - 23:45 #16
Lige en kommentar: Jeg havde det samme problem, som også guttermanden roenvig hjalp mig med. Smid dette i style.css:

a.menu:active, a.menu:link, a.menu:visited {
width: 80px;
display: block;
padding: 4px 4px 4px 22px;
font-family: geneva, verdana, helvetica, arial;
font-weight: none;
font-size: 11px;
text-decoration: none;
color: #336699;
background-image: url("/images/knap.jpg");
a.menu:hover {
font-family: geneva, verdana, helvetica, arial;
font-weight: none;
font-size: 11px;
color: #000000;
}

<td align="left"><a href="#" class="menu">Link</a></td>

Deltager ikke, kommer bare med et input, som jeg fik fra bl.a. roenvig :o)
Avatar billede suicid3 Nybegynder
15. april 2004 - 10:40 #17
display: block; <-- hvad gør den. Jeg har ikke set den før. Og i den forbindelse findes der så ikke em komplet commandlist og alle css2 kommandoer og de dertil hørende optioner???
Avatar billede olebole Juniormester
16. april 2004 - 00:24 #18
<ole>

roenving >> 'cursor:pointer' virker kun i aller nyeste versioner af IE. Derfor bør man have begge med, hvis det skal virke i alle browsere  :)

/mvh
</bole>
Avatar billede roenving Novice
16. april 2004 - 00:32 #19
>>olebole:

Ja !-)

-- og man bør selvfølgelig fortælle folk, at den kun virker i de M$-browsere, som er kommet de sidste 5 år ...

-- men jeg har åbenbart set for meget v4-kode i den senere tid, til at den slags detaljer kan få mig til at reagere ...

>>suidic3

Prøv at kigge på:

http://www.w3.org/TR/REC-CSS2/propidx.html
Avatar billede roenving Novice
16. april 2004 - 00:45 #20
Hrm, godt at blive i tvivl en gang imellem:

For så fandt jeg ud af, at:

1. Først IE6 understøtter pointer (tænkte i 5.5, og så skulle ovenstående udsagn jo have været 3 år !-)

2. Man kan bruge lister til cursors, som man kan til f.eks. fonts, så

cursor:pointer,hand; må være det rigtige ...

http://blooberry.com/indexdot/css/properties/dynamic/cursor.htm
Avatar billede roenving Novice
17. april 2004 - 21:58 #21
-- og tak for points ;~}
Avatar billede kovalt Nybegynder
18. april 2004 - 09:57 #22
np
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