Avatar billede n-emy Nybegynder
12. april 2006 - 11:33 Der er 13 kommentarer og
1 løsning

Lav et link på et baggrundsbillede?

Hey,

Jeg har følgende kode:

<a href="link" title="Hej">
<table class="ramme2" style="width:241px; height:59px; background-image: url(billedeadresse);">
<tr>
<td>
</td>
</tr>
</table>
</a>

Og det er så meningen at billedet i tabellen skal være et link, og det virker også i FireFox og Opera, men ikke i IE.

Er der en metode der kan gøre at det også virker i IE?
Avatar billede jokkejensen Novice
12. april 2006 - 11:50 #1
<table style="bordeR:1px solid red" onmouseover="this.style.cursor='pointer'" onclick="window.location='http://www.google.com'" class="ramme2" style="width:241px; height:59px; background-image: url(billedeadresse);">
<tr>
<td>et javascript link
</td>
</tr>
</table>

ex med javascript - det er ikke semantisk korrekt at ligge et anchor (link) omkring en tabel.
Avatar billede jokkejensen Novice
12. april 2006 - 11:51 #2
onmouseover="this.style.cursor='pointer'" onclick="window.location='http://www.google.com'"

Tilføj de 2 linier til din <tabel>
Avatar billede mclemens Nybegynder
12. april 2006 - 12:27 #3
P.s. lige en lille forkortelse:
onmouseover="this.style.cursor='pointer'"
-> style="cursor:pointer;"
Avatar billede roenving Novice
13. april 2006 - 18:16 #4
-- og det er ikke kun en forkortelse, for det er noget vrøvl (og unødige omkostninger for browseren !-), at sætte noget onmouseover, som kun har gyldighed, når musen er ovenover elementet ...

-- som at sætte en advarselsbillede i et scannerprogram, der fortæller, at man bør have computeren tændt !o]
Avatar billede n-emy Nybegynder
14. april 2006 - 21:34 #5
Okay tak for hjælpen:)

Hvordan gør man så det bliver åbnet i et nyt vindue?
Avatar billede roenving Novice
15. april 2006 - 12:05 #6
<table style="border:1px solid red" onmouseover="this.style.cursor='pointer'" onclick="window.open('http://www.google.com','newWin','width=400,height=300,scrollbars=yes');" ...
Avatar billede n-emy Nybegynder
22. april 2006 - 00:37 #7
Tak:)

svar?
Avatar billede roenving Novice
22. april 2006 - 13:59 #8
Hvad kunne du bruge ?-)
Avatar billede mclemens Nybegynder
22. april 2006 - 14:07 #9
P.s.: Hvis du bruger roenving's eksempel så "forkort" lige onmouseover="this.style.cursor='pointer'" til style="cursor:pointer;" ... det er en rigtig sniger den der mouseover - den sniger sig ind i mange koder (heriblandt nogle af mine egne tidligere...) :P
Avatar billede roenving Novice
22. april 2006 - 14:13 #10
*lol*
Avatar billede jokkejensen Novice
23. april 2006 - 12:27 #11
også i rv's egne :)
Avatar billede n-emy Nybegynder
23. april 2006 - 22:02 #12
Brugte jokkejensens :)
Avatar billede roenving Novice
26. maj 2009 - 21:29 #13
Kom så jokke !-)
Avatar billede roenving Novice
17. juni 2009 - 11:55 #14
På opfordring ...

-- hvis du står og mangler pointene en dag, jokke, kan du jo lige sige til !-)
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