Bildlänktext

[ChipZ]

hur kan jag göra en bild med textlänkar i?

hittade en tut men fattade inte ett piss.

 

göra länkar av texterna i den här bilden:

 

oj skulle nog tagit det i samma ämne som förra frågann

Redigerat 17 Maj 2007 av Chip

[nico]

Ska du lägga en textlänk i en bild så får du väl göra ett div-lager och lägga ovanför, och skriva in texten i det och länka... fattar dock inte varför du ska ha en textlänk någonstans i dendär bilden? Vill du att man ska komma till t.ex. Forum när man klickar på Forum så använder du förslagsvis en image map, krävs dock särskilt program t.ex. dw för det.

[ChipZ]

Kan man göra det i Photoshop?

 

ja att trycka på forum och komma till det

[epaaj]

Det här är nog vad du letar efter: http://www.w3schools.com/tags/tag_area.asp

 

Kan vara lite krångligt, men det ska funka ;)

[ChipZ]

Det här är nog vad du letar efter: http://www.w3schools.com/tags/tag_area.asp

 

Kan vara lite krångligt, men det ska funka ;)

 

 

ööh hur ska jag göra det med mi9n bild

 

Fattar inte:(

 

laddade ner DreamWeaver(lagligt (30dagars))

men fattar inte hur man gör

Redigerat 18 Maj 2007 av Chip

[epaaj]

I den där bestämmer du mellan vilka punkter i en bild du vill att länken ska finnas.

 

<img src ="planets.gif" width="145" height="126" alt="Planets" usemap ="#planetmap" />

<map id ="planetmap" name="planetmap">

 <area shape ="rect" coords ="0,0,82,126"
 href ="sun.htm" target ="_blank"
 alt="Sun" />

 <area shape ="circle" coords ="90,58,3"
 href ="mercur.htm" target ="_blank"
 alt="Mercury" />

 <area shape ="circle" coords ="124,58,8"
 href ="venus.htm" target ="_blank"
 alt="Venus" />

</map>

 

Första raden bestämmer vilken bild och var den finns (src), hur bred (width), hur hög (height), vad som ska stå om bilden inte hittas (alt) och slutligen vilken "map" som ska användas för att bestämma var i bilden länkarna ska finnas (usemap).

 

Nästa rad anger vilket id och namn map:en har. Sen kommer vi till <area>.

 

shape anger vilken form punkterna ska bindas samman som. "rect" borde vara bäst för dig eftersom det då borde bildas en rektangel av det hela.

 

coords bestämmer vilka punkter som ska behandlas. Om du ska ha en rektangel bör du ange 2 punkter. x och y för översta vänstra hörnet och x och y för nedersta vänstra hörnet. Om du ska göra ena hörnet till en länk som är 100x50 pixlar ska du ange coords="0,0,100,50" om jag fattat rätt. Ska du ha 5 pixlar från kanten lägger du bara på 5 på dem.

 

href anger som du säkert vet var länken ska peka och target om det ska bli ett nytt fönster eller i samma eller vad man nu vill ha.

 

alt bestämmer vad som ska stå om bilden inte hittas och kan laddas.

[nico]

Eller så lägger du in bilden i ett html-dokument i Dreamweaver, markerar bilden, trycker på en lilla tukosa rektangeln längst ner i vänstra hörnet i Properties-rutan, och så drar du en ruta över området som du vill länka. I rutan Link skriver du sedan in vart länken ska leda.

[ChipZ]

Tack nu funkade det