Notifikationer

Markér alle som læst Log ud

para7 Nybegynder

26. juni 2008 - 19:41 Der er 8 kommentarer og
1 løsning

Link på div med size virker ikke

Hej, jeg har en lille kodestump, hvor linket ikke virker når man klikker på billedet. Det virker kun når man fjerner størrelsesangivelsen på div'et. er der ikke en løsning. Jeg vil nødigt have onClick link, da det stoppes af de besøgendes popop blokker.

Nogen ideer?

Her er koden:

<a href="test.htm" target="_blank">
<div style="width:160px;height:60px;overflow:hidden">
<img src="test.gif" width="120" height="40">
</div>
</a>

Synes godt om

Slettet bruger

26. juni 2008 - 19:47 #1

Jeg ville nok sætte linket på billedet ikke på div'en, så vidt jeg husker kan man ikke/skal ikke sætte et link på et block element

Synes godt om

mclemens Nybegynder

26. juni 2008 - 20:15 #2

Daleif husker rigtigt - a er inline og div er block.
... ingen block elementer inden i inline elementer.

... Mon ikke du kan komme omkring det med det større klikfelt via. padding ?

<div style="width:160px;height:60px;overflow:hidden;">
<a href="test.htm" target="_blank"><img src="test.gif" style="width:120px;height:40px;padding:10px 20px;"></a>
</div>

Synes godt om

para7 Nybegynder

26. juni 2008 - 21:39 #3

Tak, men det ser noget sort ud...:)
Jeg har lagt billedet i et div med overflow hidden for at det uploadede billede aldrig skal overstige målene og ødelægge læyoutet på siden. Klikfelt med padding kan jeg ikke se virker. ImageMapping vil også kræve onClick. Det vil annoncørerne af bannerne ikke rigtig kunne acceptere.

Synes godt om

para7 Nybegynder

26. juni 2008 - 21:47 #4

Hov forresten, så kan jeg klare mig med denne løsning, hvis jeg ombygger lidt.

<div style="width:160px;height:60px;overflow:hidden">
<a href="test.htm" target="_blank">
<img src="test.gif" width="120" height="40">
</a>
</div>

Så tak for tippene alligevel. Jeg må hellere lukke. Send lige svar for point.

Synes godt om

para7 Nybegynder

26. juni 2008 - 21:51 #5

Ved nogen af jer om det er sikkert at man ikke kan midterstille noget inde i et div (altså ikke center-, men midterstille)

Synes godt om

mclemens Nybegynder

26. juni 2008 - 22:12 #6

Ikke uden at aligne det med margin-top eller position (og så left og right for centrering) Left og right er bare auto, men margin top skal beregnes udfra billedets højde - Eneste alternativ er så at lægge en tabel inden i div'en, midterstilling vertikal er en af de ting som tabeller er bedst til ...

- Springer over point her, kast til Daleif.

Synes godt om

olebole Juniormester

27. juni 2008 - 02:33 #7

<ole>

Der kommer vist ikke så meget ud af at give et inline element margin i top eller bund =)

/mvh
</bole>

Synes godt om

para7 Nybegynder

27. juni 2008 - 08:20 #8

Tak for snak og ideer. Så lukker jeg. Jeg har netop bare lavet en ekstra tabel med midterstilling - så nu har jeg tre tabeller og to div indeni hinanden for at det kan lade sig gøre at placere det ordentligt og stadig med link :)

Synes godt om

mclemens Nybegynder

27. juni 2008 - 10:15 #9

Ole, hmm du siger noget - og det er da
rigtigt, text-align:center; er bedre :)

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

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.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS