Avatar billede freecodersfreak Nybegynder
21. juni 2005 - 15:25 Der er 9 kommentarer og
1 løsning

Links på baggrundsbilledet?

Davs,

Jeg prøver at lave et link på et baggrundsbilled.

Uddybning:
Hvis man placere et almindelig billed på et almindeligt htmldokument får man mulighed for at lave et "areals-defineret" link. Man kan f.eks. markere ansigtet eller armen og lave individuelle links på selve billedet. Det hedder Hotspot Tool i dreamweaver.

Men kan man også gøre noget ligende på et baggrundsbilleder? Altså placere et "svævende" link over et område? Man _kunne_ selvfølgelig placere et layer med et gennemsigt billed og så lave billedet om til linket... meeeen..

Er det for kryptisk?

Mvh
FcF
Avatar billede roenving Novice
21. juni 2005 - 15:27 #1
Nej til begge dele !-)
Avatar billede freecodersfreak Nybegynder
21. juni 2005 - 15:32 #2
Piv ;)
Avatar billede le_bon Nybegynder
21. juni 2005 - 16:16 #3
Du kan lave en gennemsigtig gif og smide ovenpå som almindelig billede, og bruge Hotspot Tool derpå. Men så ryger idéen med at du har lagt et baggrundsbillede ind vel?

c",)
Avatar billede udvikler Nybegynder
21. juni 2005 - 23:00 #4
Du kan lave det på følgende måde:

<map name="hotspots">
<area shape=rect coords="38,64,138,94" href="experten.dk" alt="">
</map>
<img src="hotspots.gif" border="0" width="150" height="100" usemap="#hotspots" />

Tallene 38,64,138 og 94 bestemmer hvor linket skal være på siden..

Leg lidt med det.. :)
Avatar billede roenving Novice
22. juni 2005 - 03:00 #5
>>-aco-

Det er noget vrøvl, for spørgeren har jo allerede fod på at lave imagemaps, også selvom han gør det med Hotspot Tool !-)

-- man kan _ikke_ lave hotspots på baggrunden, den er netop præcis bagved alle ting, som findes i forgrunden !o]
Avatar billede freecodersfreak Nybegynder
22. juni 2005 - 08:34 #6
roenving - smid et svar. Der var måske ikke en løsning, men så blev jeg da lidt klogere :)
Avatar billede hells Nybegynder
22. juni 2005 - 13:06 #7
Efter hvad jeg forstår, kan du vel bare lave et link uden nogen tekst og bruge CSS til at give linket den størrelse, du vil have (dog kun med rektangulær form), og til at placere linket det sted, du vil have det skal være.

Et kig på denne artikel kan kaste mere lys over emnet: http://www.alistapart.com/articles/sprites/
Avatar billede roenving Novice
22. juni 2005 - 14:34 #8
Tjah, men man kan ikke regen med at a-tags virker konsistent i forbindelse med størrelses-angivelse, da de er inline-tags ...

-- men man kan selvfølgelig style med display:block; til at opføre sig som sådanne !-)

Velbekomme '-)
Avatar billede hells Nybegynder
22. juni 2005 - 14:58 #9
Ja, som det ses i artiklen, jeg henviser til, laver man linkene om til blockelementer, og det er man jo også nødt til for overhovedet at kunne bestemme deres størrelser.
Avatar billede roenving Novice
11. august 2005 - 01:58 #10
Tak for point ;~}
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