Søg
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 13:01 Måned og år på graf Af mort1 i Excel
I går 12:28 2 diske Af dcedata1977 i Andet hardware
I går 12:06 Ekstra til TV 2 : "Tilkøb" + "TV2 Ude" Af Ikke-ekspert i Fjernsyn & projektorer
I går 10:20 ASP classic kopiere database fil på server Af bsn i ASP
30/1015:04 Kan Medie Player overspille en CD ? - Hvordan Af Ikke-ekspert i Musik & videoafspillere
White papers
Flere white papers »