Avatar billede kgp43 Nybegynder
18. juli 2004 - 22:21 Der er 9 kommentarer og
1 løsning

div som link?

Har et baggrundsbillede. En part af dette billede vil jeg gerne have som et link. Kan man ikke bare ligge et div over området og lave det om til et link?
Avatar billede fixxxer Nybegynder
18. juli 2004 - 22:24 #1
tjo du kan gøres noget i denne her stil:

<div onclick="location.href='link.htm';"></div>
Avatar billede fixxxer Nybegynder
18. juli 2004 - 22:24 #2
og putte style på for at få hand-cursor på (virker kun i IE)
style="cursor: hand;"
Avatar billede knudgert Nybegynder
18. juli 2004 - 22:30 #3
Hvorfor ikke gøre det på en bedre måde?
<div class="link"><a href="link"></div>
og i din css
.link {display: block; width: 100%}
Avatar billede roenving Novice
18. juli 2004 - 22:31 #4
Cursoren virker fint i de andre browsere, hvis man bruger css-standardens: cursor:pointer;

-- den virker så til gengæld ikke før IE6 i IE, så en helgardering er begge to !-)
Avatar billede knudgert Nybegynder
18. juli 2004 - 22:31 #5
>fixxxer
cursor: hand er ikke valid css, det korrekte er at bruge pointer.
Avatar billede roenving Novice
18. juli 2004 - 22:36 #6
>>knudgert

Giver block-løsningen ikke problemer, hvis man har andet end et meget lille div i højden ?-)

-- og der skal selvfølgelig et lukketag på a: <div class="link"><a href="link"></a></div>
Avatar billede kgp43 Nybegynder
18. juli 2004 - 22:45 #7
har prøvet det med at smide <a href.....> ind i div'et tidligere - virkede ikke (var kun 20px i højden og 100% width (eller sådan noget), kunne ikke ændre det.

Anvender det andet forslag.
Hvordan vil det se ud, hvis man bruger begge cursor?
Avatar billede knudgert Nybegynder
18. juli 2004 - 22:46 #8
Selvf. skal den lukkes, evt. heightproblem kan så løses ved også at sætte height på a.
Avatar billede roenving Novice
18. juli 2004 - 22:48 #9
css-fortolkeren overser noget den ikke kender ...
Avatar billede mik789 Nybegynder
19. juli 2004 - 08:41 #10
hvad med bare at have:

<a class="link" href="nyside.html">&nbsp;</a>
og i din css
.link {display: block; width: 100%; height:60px;}
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