Image resize med hotspots, hvordan?

Tags:    hotspots dreamweaver cs6 image resize

Hej :)

Jeg er totalt grøn i det her så forvent ikke at jeg kan ret meget eller har ret mange svar. Jeg vil forsøge at udtrykke mig godt nok til at folk kan forstå hvad jeg skriver og håber det lader sig gøre at få lidt hjælp herinde!

Jeg har lavet en simpel hjemmeside i HTML for en ven. Siden er hovedsageligt et stor png billede med et par hotspots på (www.mainstreamknockout.com) - jeg er ikke webdesigner men er uddannet grafiker efter den "gamle skole" tilbage i 1998, men har ikke arbejdet indenfor branchen i mange år. Alligevel elsker jeg at lege med de nye versioner af illustrator og photoshop og har nu også begivet mig ud i at lege med Dreamweavers designer-del og det er indtil videre gået ganske godt.

Nu er jeg dog stødt på et problem!

Jeg har sat siden til at kunne resize sig selv alt efter størrelsen på browseren, mest for at siden også kunne ses på en ipad eller mobiltelefon. Det virker fint med at resize, men når den gør det, så følger de hotspots jeg har lagt på billedet jo ikke placering på billedet, men forbliver istedet præcis hvor de er indsat i dreamweaver.

Hvordan får jeg mine hotspots til at blive på en fixed position når billedet resizer? - Det må da være muligt, ik?

Mvh.

Peter



4 svar postet i denne tråd vises herunder
1 indlæg har modtaget i alt 1 karma
Sorter efter stemmer Sorter efter dato
Er det ikke fordi de ikke skal sættes som fixed - men relativ?



Hej Tommy, - det ved jeg ikke :)

Jeg ved faktisk utrolig lidt om alt det her i det hele taget, men hvis du har ret, ved du så hvordan jeg gør det i Dreamweaver? - Eller måske lidt kode?

Tak for svar!



Ingen anelse om det i Dreamweaver - men prøv at post den kode den laver, så kan det være vi kan finde ud af det.



Tak Tommy, her er koden! :)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Mainstream Knockout - HOME</title>
</head>


<body>
<img src="web_frontpage_test03.png" alt="Mainstream Knockout - 2015" width="100%" height="100%" usemap="#Map" longdesc="http://www.mainstreamknockout.com/" border="0" />
<map name="Map" id="Map">
<area shape="rect" coords="977,191,1306,242" href="contact.html" target="_self" />
<area shape="rect" coords="1361,193,1541,242" href="http://mainstreamknockout.wordpress.com/" target="_self" />
<area shape="poly" coords="1122,337" href="#" />
</map>
</body>
</html>



- Jeg kunne også godt tænke mig at vide hvordan man centrerer en side i alle typer browsers. Altså ikke fra browseren, men i koden.

:) Håber nogen her er friske på at hjælpe mig i de her ABC-spørgsmål!



Indlæg senest redigeret d. 11.01.2015 09:07 af Bruger #21071
t