---

Hej! Jeg drister mig igen til et spørgsmål i dette forum. Jeg har
fået et problem med et billede (landkort) som jeg lavede for 13
år siden i Frontpage. Et landkort af danmark med byer på som små
runde mærker. Ved mouse over ved byerne kunne jeg indlægge tekst
eller andre billeder hvordan gør man det ved brug af HTML eller
CSS eller kan det bare ikke lade sig gøre?
Jeg har ikke kunnet finde noget der peger i min retning, så
derfor spørgsmålet i denne panel.
På forhånd tak!

Mvh. Lars

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

---

Lars Bjarne Christensen wrote:
> Hej! Jeg drister mig igen til et spørgsmål i dette forum. Jeg har
> fået et problem med et billede (landkort) som jeg lavede for 13
> år siden i Frontpage. Et landkort af danmark med byer på som små
> runde mærker. Ved mouse over ved byerne kunne jeg indlægge tekst
> eller andre billeder hvordan gør man det ved brug af HTML eller
> CSS eller kan det bare ikke lade sig gøre?

Det kan gøres med image-map HotSpot):

http://hjemmesideskolen.dk/html/hotspot.php

--
Med venlig hilsen
Erik Ginnerskov
http://ginnerskov.dk

---

Erik Ginnerskov wrote in dk.edb.internet.webdesign.html:
> Lars Bjarne Christensen wrote:
> > Hej! Jeg drister mig igen til et spørgsmål i dette forum. Jeg har
> > fået et problem med et billede (landkort) som jeg lavede for 13
> > år siden i Frontpage. Et landkort af danmark med byer på som små
> > runde mærker. Ved mouse over ved byerne kunne jeg indlægge tekst
> > eller andre billeder hvordan gør man det ved brug af HTML eller
> > CSS eller kan det bare ikke lade sig gøre?
>
> Det kan gøres med image-map HotSpot):
>
> http://hjemmesideskolen.dk/html/hotspot.php
>
> --
> Med venlig hilsen
> Erik Ginnerskov
> http://ginnerskov.dk
>
>Hej Erik! Tak for dit svar og hvor er det godt. Jeg har ledt med
"lys og lygte" efter sådan en fidus, men åbenbart ikke godt nok. Det
er lige det jeg har brug for - TAK for det!

Mvh. Lars


--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

---

Lars Bjarne Christensen skrev den 02-02-2011:
> Erik Ginnerskov wrote in dk.edb.internet.webdesign.html:
>> Lars Bjarne Christensen wrote:
>>> Hej! Jeg drister mig igen til et spørgsmål i dette forum. Jeg har
>>> fået et problem med et billede (landkort) som jeg lavede for 13
>>> år siden i Frontpage. Et landkort af danmark med byer på som små
>>> runde mærker. Ved mouse over ved byerne kunne jeg indlægge tekst
>>> eller andre billeder hvordan gør man det ved brug af HTML eller
>>> CSS eller kan det bare ikke lade sig gøre?
>>
>> Det kan gøres med image-map HotSpot):
>>
>> http://hjemmesideskolen.dk/html/hotspot.php
>>
>> --
>> Med venlig hilsen
>> Erik Ginnerskov
>> http://ginnerskov.dk
>>
>> Hej Erik! Tak for dit svar og hvor er det godt. Jeg har ledt med
> "lys og lygte" efter sådan en fidus, men åbenbart ikke godt nok. Det
> er lige det jeg har brug for - TAK for det!
>
> Mvh. Lars

For god ordens skyld, kan du sætte title="bynavn" på area's - den vil
blive vist ved mouseover. Der er vist heller ikke noget i vejen for at
sætte en mouseover (og mouseout) på area's, så der kunne vises
(skjules) et billede fra/af byen...

Birger

--
http://varmeretter.dk - billig, sund og hurtig mad
http://bbsorensen.dk

---

Erik Ginnerskov wrote in dk.edb.internet.webdesign.html:
> Lars Bjarne Christensen wrote:
> > Hej! Jeg drister mig igen til et spørgsmål i dette forum. Jeg har
> > fået et problem med et billede (landkort) som jeg lavede for 13
> > år siden i Frontpage. Et landkort af danmark med byer på som små
> > runde mærker. Ved mouse over ved byerne kunne jeg indlægge tekst
> > eller andre billeder hvordan gør man det ved brug af HTML eller
> > CSS eller kan det bare ikke lade sig gøre?
>
> Det kan gøres med image-map HotSpot):
>
> http://hjemmesideskolen.dk/html/hotspot.php
>
> --
> Med venlig hilsen
> Erik Ginnerskov
> http://ginnerskov.dk

ØV! Her var lige den rigtig løsning, men så kan jeg ikke køre
programmet på min pc fordi det er 64 bit og Windows 7 Ultimate. Jeg
har prøvet alle mulige krumspring, men jeg kan ikke installere
programmet. Gode råd efterlyses - TAK!

Mvh. Lars
>
>


--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

---

> ØV! Her var lige den rigtig løsning, men så kan jeg ikke køre
> programmet på min pc fordi det er 64 bit og Windows 7 Ultimate. Jeg
> har prøvet alle mulige krumspring, men jeg kan ikke installere
> programmet. Gode råd efterlyses - TAK!

Prøv og se om du kan bruge :
http://www.maschek.hu/imagemap/imgmap

---

Download Virtual Windows XP fra Microsoft og kør det der.

Regards Jens Peter Karlsen.

On 02 Feb 2011 17:48:46 GMT, Lars Bjarne Christensen
<lbc@fiberpost.dk> wrote:

>ØV! Her var lige den rigtig løsning, men så kan jeg ikke køre
>programmet på min pc fordi det er 64 bit og Windows 7 Ultimate. Jeg
>har prøvet alle mulige krumspring, men jeg kan ikke installere
>programmet. Gode råd efterlyses - TAK!

---

Jens Peter Karlsen wrote in dk.edb.internet.webdesign.html:
> Download Virtual Windows XP fra Microsoft og kør det der.
>
> Regards Jens Peter Karlsen.
>
> On 02 Feb 2011 17:48:46 GMT, Lars Bjarne Christensen
> <lbc@fiberpost.dk> wrote:
>
> >ØV! Her var lige den rigtig løsning, men så kan jeg ikke køre
> >programmet på min pc fordi det er 64 bit og Windows 7 Ultimate. Jeg
> >har prøvet alle mulige krumspring, men jeg kan ikke installere
> >programmet. Gode råd efterlyses - TAK!

Hej Jens!

Tak for det gode råd! Jeg har nu installeret XP mode og programmet "Map
this" og det kører. Nu skal jeg lige til at jonglere lidt med
programmerne - TAK!

Mvh. Lars

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

---

Den 02-02-2011, skrev Lars Bjarne Christensen:
> Erik Ginnerskov wrote in dk.edb.internet.webdesign.html:
>> Lars Bjarne Christensen wrote:
>>> Hej! Jeg drister mig igen til et spørgsmål i dette forum. Jeg har
>>> fået et problem med et billede (landkort) som jeg lavede for 13
>>> år siden i Frontpage. Et landkort af danmark med byer på som små
>>> runde mærker. Ved mouse over ved byerne kunne jeg indlægge tekst
>>> eller andre billeder hvordan gør man det ved brug af HTML eller
>>> CSS eller kan det bare ikke lade sig gøre?
>>
>> Det kan gøres med image-map HotSpot):
>>
>> http://hjemmesideskolen.dk/html/hotspot.php
>>
>> --
>> Med venlig hilsen
>> Erik Ginnerskov
>> http://ginnerskov.dk
>
> ØV! Her var lige den rigtig løsning, men så kan jeg ikke køre
> programmet på min pc fordi det er 64 bit og Windows 7 Ultimate. Jeg
> har prøvet alle mulige krumspring, men jeg kan ikke installere
> programmet. Gode råd efterlyses - TAK!
>
> Mvh. Lars
>>
>>

Der findes andre tegneprogrammer.
Jeg bruger paintdotnet - http://www.getpaint.net/ - det er gratis, og
kan også bruges til at finde koordinater.
Og der er download til W7 - så mon ikke det virker der?

Birger

--
http://varmeretter.dk - billig, sund og hurtig mad
http://bbsorensen.dk

---

Erik Ginnerskov skrev:

> Det kan gøres med image-map HotSpot):

Det kan også gøres ved at positionere links
på et baggrundsbillede - det kræver ikke
specielle programmer installeret - det kan
laves direkte med css.

Se min hurtige test på: http://vebel.dk/test/kort/

Ja, de bliver alle rektangulære, men det er en
nem måde at gøre det på.

--
Allan Vebel
http://vebel.dk | http://dmwebdesign.dk

---

On 02-02-2011 23:35, Allan Vebel wrote:
> Erik Ginnerskov skrev:
>
>> Det kan gøres med image-map HotSpot):
>
> Det kan også gøres ved at positionere links
> på et baggrundsbillede - det kræver ikke
> specielle programmer installeret - det kan
> laves direkte med css.
>
> Se min hurtige test på: http://vebel.dk/test/kort/
>
> Ja, de bliver alle rektangulære, men det er en
> nem måde at gøre det på.
>

Elegant Allan

Sidst jeg prøvede noget image-map software, var det lidt af en
udfordring at liste valid kode ud af programmet.

Eksemplet gemt på hda

Karl Erik.

--
http://dmwebdesign.dk - DM i Webdesign
http://www.tyveri-check.dk - Snyd tyven før han snyder dig!
http://webdesign.ranunkelvej.com - Artikler om webdesign

---

Karl Erik Christensen skrev:

> Elegant Allan

Tak!

> Sidst jeg prøvede noget image-map software,
> var det lidt af en udfordring at liste valid kode
> ud af programmet.

Det er derfor jeg har lavet en alternetiv udgave,
der fungerer over det hele.

> Eksemplet gemt på hda

Godt!

--
Allan Vebel
http://vebel.dk | http://dmwebdesign.dk

---

Allan Vebel wrote:

> Se min hurtige test på: http://vebel.dk/test/kort/

Fint nok, så længe man skal bruge et rektangulært felt med lodrette og
vandrette afgrænsninger. Men trekanter, cirkler og irregulære faconer kan
ikke klares på den måde. Så er image map nødvendigt.

--
Med venlig hilsen
Erik Ginnerskov
http://ginnerskov.dk

---

On 05-02-2011 13:50, Erik Ginnerskov wrote:
> Allan Vebel wrote:
>
>> Se min hurtige test på: http://vebel.dk/test/kort/
>
> Fint nok, så længe man skal bruge et rektangulært felt med lodrette og
> vandrette afgrænsninger. Men trekanter, cirkler og irregulære faconer kan
> ikke klares på den måde. Så er image map nødvendigt.
>

Det er da vist en sandhed med modifikationer.
Næsten alle browsere kan jo vise runde hjørner. Vel også IE9?
Så er det bare trekanter og andre specielle former der mangler. Dem kan
man godt leve uden, i de fleste tilfælde.

Karl Erik.

--
http://dmwebdesign.dk - DM i Webdesign
http://www.tyveri-check.dk - Snyd tyven før han snyder dig!
http://webdesign.ranunkelvej.com - Artikler om webdesign

---

On 05-02-2011 15:40, Karl Erik Christensen wrote:

> Det er da vist en sandhed med modifikationer.
> Næsten alle browsere kan jo vise runde hjørner. Vel også IE9?
> Så er det bare trekanter og andre specielle former der mangler. Dem kan
> man godt leve uden, i de fleste tilfælde.
>
> Karl Erik.
>

Uden at have afprøvet, vil jeg mene at en div med height og width på
1em, og radius på hjørner på .5em, giver en cirkel med diameter på 1 em.

Karl Erik.

--
http://dmwebdesign.dk - DM i Webdesign
http://www.tyveri-check.dk - Snyd tyven før han snyder dig!
http://webdesign.ranunkelvej.com - Artikler om webdesign

---

Karl Erik Christensen har bragt dette til verden:
> On 05-02-2011 15:40, Karl Erik Christensen wrote:
>
>> Det er da vist en sandhed med modifikationer.
>> Næsten alle browsere kan jo vise runde hjørner. Vel også IE9?
>> Så er det bare trekanter og andre specielle former der mangler. Dem kan
>> man godt leve uden, i de fleste tilfælde.
>>
>> Karl Erik.
>>
>
> Uden at have afprøvet, vil jeg mene at en div med height og width på 1em, og
> radius på hjørner på .5em, giver en cirkel med diameter på 1 em.
>
> Karl Erik.

Med css3 kan du vise næsten hvilken som helst form. Når det engen
bliver færdigt og/eller implamenteret, i hvert fald.
Det ændrer ikke så meget ved, at det underliggende element stadig er
firkantet - og jeg tror også, at selv om du får tegnet en cirkel, vil
mouse-event stadig fungere på firkanten - ikke cirklen.

http://jonrohan.me/guide/css/creating-triangles-in-css/
http://neography.com/experiment/circles/solarsystem/

Vi eksperimenterede også med at tegne en bil på et tidspunkt - kan ikke
lige finde det, men det er her i grupperne...


Birger

--
http://varmeretter.dk - billig, sund og hurtig mad
http://bbsorensen.dk

---

On 05-02-2011 17:37, Birger Sørensen wrote:
> Karl Erik Christensen har bragt dette til verden:
>> On 05-02-2011 15:40, Karl Erik Christensen wrote:
>>
>>> Det er da vist en sandhed med modifikationer.
>>> Næsten alle browsere kan jo vise runde hjørner. Vel også IE9?
>>> Så er det bare trekanter og andre specielle former der mangler. Dem kan
>>> man godt leve uden, i de fleste tilfælde.
>>>
>>> Karl Erik.
>>>
>>
>> Uden at have afprøvet, vil jeg mene at en div med height og width på
>> 1em, og radius på hjørner på .5em, giver en cirkel med diameter på 1 em.
>>
>> Karl Erik.
>
> Med css3 kan du vise næsten hvilken som helst form. Når det engen bliver
> færdigt og/eller implamenteret, i hvert fald.
> Det ændrer ikke så meget ved, at det underliggende element stadig er
> firkantet - og jeg tror også, at selv om du får tegnet en cirkel, vil
> mouse-event stadig fungere på firkanten - ikke cirklen.
>
> http://jonrohan.me/guide/css/creating-triangles-in-css/
> http://neography.com/experiment/circles/solarsystem/
>
> Vi eksperimenterede også med at tegne en bil på et tidspunkt - kan ikke
> lige finde det, men det er her i grupperne...
>
>
> Birger
>

Hej Birger.

Det virker faktisk med width og height 1em, men border-radius skal
også(?) være 1em:
http://webdesign.ranunkelvej.com/test5/kort.html
Se Fåborg (ligger på sy'fynnn).

Karl Erik.

--
http://dmwebdesign.dk - DM i Webdesign
http://www.tyveri-check.dk - Snyd tyven før han snyder dig!
http://webdesign.ranunkelvej.com - Artikler om webdesign

---

Karl Erik Christensen skrev:

> http://webdesign.ranunkelvej.com/test5/kort.html
> Se Fåborg (ligger på sy'fynnn).

Ja, her er fre'

Selve linket er dog fortsat firkantet - det kan man
vist ikke lave om på.

--
Allan Vebel
http://vebel.dk | http://dmwebdesign.dk

---

On 05-02-2011 22:09, Allan Vebel wrote:
> Karl Erik Christensen skrev:
>
>> http://webdesign.ranunkelvej.com/test5/kort.html
>> Se Fåborg (ligger på sy'fynnn).
>
> Ja, her er fre'
>
> Selve linket er dog fortsat firkantet - det kan man
> vist ikke lave om på.
>

Ikke forstået - mener du title-feltet?

På min skærm er den røde plet rund, og den blå hover border er også rund.
Height og width samt radius er dog nu nedsat til 0.7em (og så har jeg
tilføjet Klokkerholm - Byen i naturen ).

Karl Erik.

--
http://dmwebdesign.dk - DM i Webdesign
http://www.tyveri-check.dk - Snyd tyven før han snyder dig!
http://webdesign.ranunkelvej.com - Artikler om webdesign

---

Karl Erik Christensen skrev:

> Ikke forstået - mener du title-feltet?

Peger man forbi den runde plet, kan man fortsat
tilgå linket - og når man klikker, kommer den
tradionelle firkantede ramme.

> På min skærm er den røde plet rund, og den blå
> hover border er også rund.

Også her.

Du skal lige have indført:

a{
text-decoration:none;
}

.... ellers vil den &nbsp; der ligger i linket blive
understreget, det ser ikke så kønt ud:

http://vebel.dk/test/kort/

--
Allan Vebel
http://vebel.dk | http://dmwebdesign.dk

---

Karl Erik Christensen kom med følgende:
> Ikke forstået - mener du title-feltet?

Nej. Det område indenfor hvilket du får title, og som er klikbart er
firkantet.

Birger

--
http://varmeretter.dk - billig, sund og hurtig mad
http://bbsorensen.dk

---

On 05-02-2011 23:42, Birger Sørensen wrote:
> Karl Erik Christensen kom med følgende:
>> Ikke forstået - mener du title-feltet?
>
> Nej. Det område indenfor hvilket du får title, og som er klikbart er
> firkantet.
>
> Birger
>

Ok, ser det nu. Men det rent visuelle er rundt.

Det må skyldes at selv om border har runde hjørner, er grundformen
stadig med rette hjørner - de ses bare ikke. Og kun hvis div'en
indeholder et link.

Runde hjørner ses jo kun hvis der er border på, og alligevel ikke. Der
er tilfælde hvor man ikke behøver border for at få runde hjørner effekt.

Karl Erik.

--
http://dmwebdesign.dk - DM i Webdesign
http://www.tyveri-check.dk - Snyd tyven før han snyder dig!
http://webdesign.ranunkelvej.com - Artikler om webdesign

---

Karl Erik Christensen kom med følgende:
> On 05-02-2011 23:42, Birger Sørensen wrote:
>> Karl Erik Christensen kom med følgende:
>>> Ikke forstået - mener du title-feltet?
>>
>> Nej. Det område indenfor hvilket du får title, og som er klikbart er
>> firkantet.
>>
>> Birger
>>
>
> Ok, ser det nu. Men det rent visuelle er rundt.
>
> Det må skyldes at selv om border har runde hjørner, er grundformen stadig med
> rette hjørner - de ses bare ikke. Og kun hvis div'en indeholder et link.
>
> Runde hjørner ses jo kun hvis der er border på, og alligevel ikke. Der er
> tilfælde hvor man ikke behøver border for at få runde hjørner effekt.
>
> Karl Erik.

Området indenfor border er farvet efter css - udenfor border er det
gennemsigtigt. Det gælder også for firkanter

Birger

--
http://varmeretter.dk - billig, sund og hurtig mad
http://bbsorensen.dk

---

On 06-02-2011 00:24, Birger Sørensen wrote:

> Området indenfor border er farvet efter css - udenfor border er det
> gennemsigtigt. Det gælder også for firkanter
>
> Birger
>

Jep, deri har du ganske ret
CSS box-modellen er firkantet.
Hvis man vælger hjørner med stor radius på en skrivebox, skal man sætte
paddingen derefter, for den box man skriver i, er stadig firkantet.

Karl Erik.

--
http://dmwebdesign.dk - DM i Webdesign
http://www.tyveri-check.dk - Snyd tyven før han snyder dig!
http://webdesign.ranunkelvej.com - Artikler om webdesign

---

Karl Erik Christensen wrote:

> På min skærm er den røde plet rund, og den blå hover border er også
> rund. Height og width samt radius er dog nu nedsat til 0.7em

På en så lille rund plet er det svært at påvise, om det pegefølsomme felt er
cirkulært eller rektangulært. Men klikker du, får du en tydelig rektangulær
markering af linkfeltet.

> (og så
> har jeg tilføjet Klokkerholm - Byen i naturen ).

Her der det pegefølsomme felt tydeligt rektangulært, selv om elementet
fremtræder som cirkulært.

--
Med venlig hilsen
Erik Ginnerskov
http://ginnerskov.dk

---

On 06-02-2011 17:44, Erik Ginnerskov wrote:

> Her der det pegefølsomme felt tydeligt rektangulært, selv om elementet
> fremtræder som cirkulært.
>

Hej Erik.
Ja, som den efterfølgende dialog med Allan og Birger også indikerer, er
den oprindelige div stadig firkantet.
Synes bare det er i småtingsafdelingen, da man hvis man f.eks. vil lave
imagemap på f.eks. en kommune eller amt, bliver nødt til at acceptere,
at det klikbare område ofte vil overskride kommunegrænserne. Ellers skal
man jo lave snesevis af punkter hvis det skal være 100% nøjagtigt.

Der er heller ikke noget i vejen med imagemaps. Men mindre opgaver, som
eksempelvis markering af byer, også med cirkel, kan laves udelukkende
med css.

Karl Erik.

--
http://dmwebdesign.dk - DM i Webdesign
http://www.tyveri-check.dk - Snyd tyven før han snyder dig!
http://webdesign.ranunkelvej.com - Artikler om webdesign

---

Karl Erik Christensen skrev:
> On 06-02-2011 17:44, Erik Ginnerskov wrote:
>
>> Her der det pegefølsomme felt tydeligt rektangulært, selv om elementet
>> fremtræder som cirkulært.
>>
>
> Hej Erik.
> Ja, som den efterfølgende dialog med Allan og Birger også indikerer, er den
> oprindelige div stadig firkantet.
> Synes bare det er i småtingsafdelingen, da man hvis man f.eks. vil lave
> imagemap på f.eks. en kommune eller amt, bliver nødt til at acceptere, at det
> klikbare område ofte vil overskride kommunegrænserne. Ellers skal man jo lave
> snesevis af punkter hvis det skal være 100% nøjagtigt.
>
> Der er heller ikke noget i vejen med imagemaps. Men mindre opgaver, som
> eksempelvis markering af byer, også med cirkel, kan laves udelukkende med
> css.
>
> Karl Erik.

Jeg kan nu forestille mig cirkler der er så tæt ved hinanden, at
firkanterne overlapper. Også så firkanterne går ind i det cirkulære
område for den anden (de andre).
Jeg tror heller ikke rigtigt, jeg forstår bevæggrunden til at opfinde
noget nyt i stedet of imagemap. Det fungerer da fortrinligt...

Birger

--
http://varmeretter.dk - billig, sund og hurtig mad
http://bbsorensen.dk

---

Birger Sørensen skrev:

> Jeg tror heller ikke rigtigt, jeg forstår
> bevæggrunden til at opfinde noget nyt
> i stedet of imagemap.

Formålet var at lave noget helt enkelt, hvor
koordinater og styling kunne styres med css.

Karl-Erik byggede så videre på det jeg
lavede - der er sikkert flere mange flere
anvendelsesmuligheder med den metode.

--
Allan Vebel
http://vebel.dk | http://dmwebdesign.dk

---

Allan Vebel wrote:

> Formålet var at lave noget helt enkelt, hvor
> koordinater og styling kunne styres med css.

Jamen, definition af en cirkel i et imagemap er da også helt enkelt. Definer
de to koordinater for centrum målt i pixels fra billedets fysiske øverste
venstre hjørne og definer radius i pixels:

<map name="faaborg">
<area shape=circle coords="105,35,6" href="cirkel.htm" alt="">
</map>
<img src="sydfyn.gif" border="0" width="150" height="100" usemap="#faaborg"
/>

--
Med venlig hilsen
Erik Ginnerskov
http://ginnerskov.dk

---

Erik Ginnerskov skrev:

> Jamen, definition af en cirkel i et imagemap
> er da også helt enkelt.

Jeg har bare den opfattelse at imagemap er ved
at være en uddøende race - der er ikke mange der
bruger det i dag.

Søger man efter programmer, der kan sådan noget,
finder man kun noget af ældre dato.

Min hurtige test på http://vebel.dk/test/kort/ er derfor
det bedste bud på en løsning i dag, selv om den er
blevet dårligere end de gode gamle dage.

--
Allan Vebel
http://vebel.dk | http://dmwebdesign.dk

---

Den 06-02-2011 19:27, Karl Erik Christensen skrev:
> On 06-02-2011 17:44, Erik Ginnerskov wrote:
>
>> Her der det pegefølsomme felt tydeligt rektangulært, selv om elementet
>> fremtræder som cirkulært.
>>
>
> Hej Erik.
> Ja, som den efterfølgende dialog med Allan og Birger også indikerer, er
> den oprindelige div stadig firkantet.
> Synes bare det er i småtingsafdelingen, da man hvis man f.eks. vil lave
> imagemap på f.eks. en kommune eller amt, bliver nødt til at acceptere,
> at det klikbare område ofte vil overskride kommunegrænserne. Ellers skal
> man jo lave snesevis af punkter hvis det skal være 100% nøjagtigt.
>
> Der er heller ikke noget i vejen med imagemaps. Men mindre opgaver, som
> eksempelvis markering af byer, også med cirkel, kan laves udelukkende
> med css.

Man kan også bruge SVG, som er særligt godt til grafik som indhoold. SVG
kan scalere uendeligt uden at miste kvalitet, da det er vektorgrafik.
Det fylder ikke meget, og man kan have "skæve områder", som også er
klikbare.

På min maskine har jeg kun GIMP, som jeg ikke kender værktøjer til, når
det gælder SVG. Men en eller anden editor, som kan omdanne et
danmarkskort til SVG, så man kan få et omrids og så noget JS og lidt
HTML (ordnede lister) til at danne linksne. Så har man klikbare områder,
som også følger formen ved f.eks. kommunegrænser.

Tilgængeligheden ved SVG er jeg ikke så meget inde i ellers, men det er
jo inline kode, så mon ikke der er standarder for det også.

Ah, jo, IE kræver vidst et plugin til det, andre browsere gør ikke. Men
jeg kan ikke rigtigt se, man kan gøre det på anden måde, hvis ikke man
vil bruge imagemaps. CSS3-effekter er ikke rigtigt bygget til det EMM.
De er bygget til pynt, hvor jeg nok ville sige, at et Danmarkskort er
indhold.


MVH
Rune Jensen

---

Den 05-02-2011 17:58, Karl Erik Christensen skrev:
> Det virker faktisk med width og height 1em, men border-radius skal
> også(?) være 1em:
> http://webdesign.ranunkelvej.com/test5/kort.html
> Se Fåborg (ligger på sy'fynnn).

Bare en rød firkant her.

--
Andreas

---

On 06-02-2011 08:15, Andreas Andersen wrote:
> Den 05-02-2011 17:58, Karl Erik Christensen skrev:
>> Det virker faktisk med width og height 1em, men border-radius skal
>> også(?) være 1em:
>> http://webdesign.ranunkelvej.com/test5/kort.html
>> Se Fåborg (ligger på sy'fynnn).
>
> Bare en rød firkant her.
>

Ja hvis du bruger IE < ver.9.

FireFox, Chrome og Opera kan alle vise runde hjørner.

Karl Erik.

--
http://dmwebdesign.dk - DM i Webdesign
http://www.tyveri-check.dk - Snyd tyven før han snyder dig!
http://webdesign.ranunkelvej.com - Artikler om webdesign

---

Karl Erik Christensen wrote in dk.edb.internet.webdesign.html:
> On 06-02-2011 08:15, Andreas Andersen wrote:
> > Den 05-02-2011 17:58, Karl Erik Christensen skrev:
> >> Det virker faktisk med width og height 1em, men border-radius skal
> >> også(?) være 1em:
> >> http://webdesign.ranunkelvej.com/test5/kort.html
> >> Se Fåborg (ligger på sy'fynnn).
> >
> > Bare en rød firkant her.
> >
>
> Ja hvis du bruger IE < ver.9.
>
> FireFox, Chrome og Opera kan alle vise runde hjørner.
>
> Karl Erik.
Hej Karl Erik! Tak for dit svar! Jeg har også taget mod din tips og
arbejder bl.a. med den p.t. jeg prøver p.t. også at finde ud af hvordan
man har to stylesheets på samme websted, men foreløbib uden resultat.
Det er på baggrund af en god ide fra Birger jeg gerne vil bruge, men da
jeg indtil nu kun har haft en main.css på de websteder jeg har lavet er
jeg lige nød til at finde ud af hvordan to kører på samme websted!
Tak for tippet og god søndag!

Mvh. Lars
>
> --
> http://dmwebdesign.dk - DM i Webdesign
> http://www.tyveri-check.dk - Snyd tyven før han snyder dig!
> http://webdesign.ranunkelvej.com - Artikler om webdesign
>


--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

---

On 06-02-2011 15:04, Lars Bjarne Christensen wrote:

> Hej Karl Erik! Tak for dit svar! Jeg har også taget mod din tips og
> arbejder bl.a. med den p.t. jeg prøver p.t. også at finde ud af hvordan
> man har to stylesheets på samme websted, men foreløbib uden resultat.
> Det er på baggrund af en god ide fra Birger jeg gerne vil bruge, men da
> jeg indtil nu kun har haft en main.css på de websteder jeg har lavet er
> jeg lige nød til at finde ud af hvordan to kører på samme websted!
> Tak for tippet og god søndag!
>
> Mvh. Lars

Hej Lars.

Du kan fint have to (eller flere) stylesheets, men du kan også flette
dem - dvs. tage indholdet fra stylesheet 2, og paste det ind i stylesheet 1.

Hvis du bruger to stylesheets, skal du være opmærksom på, at hvis du
styler det samme element i dem begge, er det det sidst indlæste
stylesheet der styler elementet.

eks.:

stylesheet 1:
a {
color: black;
}

stylesheet 2:
a {
color: red;
}

Hvis stylesheet 2 indlæses efter stylesheet 1, bliver alle dine links
skrevet med rød farve.

Det er meget normalt at have mindst to stylesheets. Et for visning på
skærm, og et for styling af print.

Karl Erik.

--
http://dmwebdesign.dk - DM i Webdesign
http://www.tyveri-check.dk - Snyd tyven før han snyder dig!
http://webdesign.ranunkelvej.com - Artikler om webdesign

---

Karl Erik Christensen wrote in dk.edb.internet.webdesign.html:
> On 06-02-2011 15:04, Lars Bjarne Christensen wrote:
>
> > Hej Karl Erik! Tak for dit svar! Jeg har også taget mod din tips og
> > arbejder bl.a. med den p.t. jeg prøver p.t. også at finde ud af hvordan
> > man har to stylesheets på samme websted, men foreløbib uden resultat.
> > Det er på baggrund af en god ide fra Birger jeg gerne vil bruge, men da
> > jeg indtil nu kun har haft en main.css på de websteder jeg har lavet er
> > jeg lige nød til at finde ud af hvordan to kører på samme websted!
> > Tak for tippet og god søndag!
> >
> > Mvh. Lars
>
> Hej Lars.
>
> Du kan fint have to (eller flere) stylesheets, men du kan også flette
> dem - dvs. tage indholdet fra stylesheet 2, og paste det ind i stylesheet 1.
>
> Hvis du bruger to stylesheets, skal du være opmærksom på, at hvis du
> styler det samme element i dem begge, er det det sidst indlæste
> stylesheet der styler elementet.
>
> eks.:
>
> stylesheet 1:
> a {
> color: black;
> }
>
> stylesheet 2:
> a {
> color: red;
> }
>
> Hvis stylesheet 2 indlæses efter stylesheet 1, bliver alle dine links
> skrevet med rød farve.
>
> Det er meget normalt at have mindst to stylesheets. Et for visning på
> skærm, og et for styling af print.
>
> Karl Erik.

Hej Karl Erik!
Tak for dit svar! Hvis jeg har forstået dig rigtig, så hvis jeg har en f.eks.
byggemontøren.css på et websted der indeholder af styles, så kan jeg lave en
der hedder byggemontøren2.css og som indholder andre styles som er oprettet til
en specifik side. Jeg tænker f.eks. på et websted som består af 6 sider, som
alle har byggemontøren.css med alle styles i. Jeg vil nu lave en 7 side med
fotos som afviger fra de 6 andre med bl.a. andre skrifter og skriftstørelser,
ligesom jeg vil have scrol-funktionen med på denne side. Kan jeg så lave
"byggemontøren2.css med disse tilføjelser i uden det får effekt på de 6 andre
sider?
På forhånd tak! Mvh. Lars
>
> --
> http://dmwebdesign.dk - DM i Webdesign
> http://www.tyveri-check.dk - Snyd tyven før han snyder dig!
> http://webdesign.ranunkelvej.com - Artikler om webdesign
>


--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

---

On 06-02-2011 22:41, Lars Bjarne Christensen wrote:

> Hej Karl Erik!
> Tak for dit svar! Hvis jeg har forstået dig rigtig, så hvis jeg har en f.eks.
> byggemontøren.css på et websted der indeholder af styles, så kan jeg lave en
> der hedder byggemontøren2.css og som indholder andre styles som er oprettet til
> en specifik side. Jeg tænker f.eks. på et websted som består af 6 sider, som
> alle har byggemontøren.css med alle styles i. Jeg vil nu lave en 7 side med
> fotos som afviger fra de 6 andre med bl.a. andre skrifter og skriftstørelser,
> ligesom jeg vil have scrol-funktionen med på denne side. Kan jeg så lave
> "byggemontøren2.css med disse tilføjelser i uden det får effekt på de 6 andre
> sider?
> På forhånd tak! Mvh. Lars

Ja det kan du, Lars.

Du navngiver jo de id og class du laver. Senere bruger du dem så i dit
html dokument.

Det jeg tror forvirrer dig er, hvis du f.eks. har brug for at style et
element på 2 forskellige måder - right?

Lad os sige at du vil style dit a tag med gul farve. Det gør du således:

a {
color: yellow;
}

Nu bliver alle dine links skrevet med gul farve - og det var jo ikke
meningen. Derfor kan du lave en class i dit stylesheet, som du kun
bruger når links skal have gul farve:

a .gul {
color: yellow;
}

Når du så vil have gule links i dit html dokument, skriver du:
<a class="gul">Dette link skrives med gul farve.</a>

Hvis linket ikke skal være gult, men have standart-farve, skriver du:
<a>Dette link har standart-farve.</a>

Hvis det kun er i f.eks. en adresse-div, at links skal være gule, laves
stylen således:
#adresse a {
color: yellow;
}

Så kan du i dit html dokument skrive:
<div id="adresse">
   <a>Send mig en mail.</a>

Her vil <a> tags blive gule fordi du i css'en jo har fortalt, at <a>
tags skal være gule i #adresse.

Håber du ser meningen, ellers spørg igen.

Ingen dumme spørgsmål - kun dumme svar

Karl Erik.

--
http://dmwebdesign.dk - DM i Webdesign
http://www.tyveri-check.dk - Snyd tyven før han snyder dig!
http://webdesign.ranunkelvej.com - Artikler om webdesign

---

Karl Erik Christensen wrote in dk.edb.internet.webdesign.html:
> On 06-02-2011 22:41, Lars Bjarne Christensen wrote:
>
> > Hej Karl Erik!
> > Tak for dit svar! Hvis jeg har forstået dig rigtig, så hvis jeg har en f.eks.
> > byggemontøren.css på et websted der indeholder af styles, så kan jeg lave en
> > der hedder byggemontøren2.css og som indholder andre styles som er oprettet til
> > en specifik side. Jeg tænker f.eks. på et websted som består af 6 sider, som
> > alle har byggemontøren.css med alle styles i. Jeg vil nu lave en 7 side med
> > fotos som afviger fra de 6 andre med bl.a. andre skrifter og skriftstørelser,
> > ligesom jeg vil have scrol-funktionen med på denne side. Kan jeg så lave
> > "byggemontøren2.css med disse tilføjelser i uden det får effekt på de 6 andre
> > sider?
> > På forhånd tak! Mvh. Lars
>
> Ja det kan du, Lars.
>
> Du navngiver jo de id og class du laver. Senere bruger du dem så i dit
> html dokument.
>
> Det jeg tror forvirrer dig er, hvis du f.eks. har brug for at style et
> element på 2 forskellige måder - right?
>
> Lad os sige at du vil style dit a tag med gul farve. Det gør du således:
>
> a {
> color: yellow;
> }
>
> Nu bliver alle dine links skrevet med gul farve - og det var jo ikke
> meningen. Derfor kan du lave en class i dit stylesheet, som du kun
> bruger når links skal have gul farve:
>
> a .gul {
> color: yellow;
> }
>
> Når du så vil have gule links i dit html dokument, skriver du:
> <a class="gul">Dette link skrives med gul farve.</a>
>
> Hvis linket ikke skal være gult, men have standart-farve, skriver du:
> <a>Dette link har standart-farve.</a>
>
> Hvis det kun er i f.eks. en adresse-div, at links skal være gule, laves
> stylen således:
> #adresse a {
> color: yellow;
> }
>
> Så kan du i dit html dokument skrive:
> <div id="adresse">
>    <a>Send mig en mail.</a>
>
> Her vil <a> tags blive gule fordi du i css'en jo har fortalt, at <a>
> tags skal være gule i #adresse.
>
> Håber du ser meningen, ellers spørg igen.
>
> Ingen dumme spørgsmål - kun dumme svar
>
> Karl Erik.

Hej Karl Erik og tak for dit svar og vedholdende interesse for mit problem!

Jeg arbejder hårdt med at finde hoved og hale i systemet og jeg prøver nu at starte
en nyt indlæg, hvor jeg vil forsøgte at redegøre nærmere. Siden ovenover er ved at
være overfyldt. Håber du forstår!

Mvh. Lars
>
> --
> http://dmwebdesign.dk - DM i Webdesign
> http://www.tyveri-check.dk - Snyd tyven før han snyder dig!
> http://webdesign.ranunkelvej.com - Artikler om webdesign
>


--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

---

Den 02-02-2011 13:52, Lars Bjarne Christensen skrev:
> Hej! Jeg drister mig igen til et spørgsmål i dette forum. Jeg har
> fået et problem med et billede (landkort) som jeg lavede for 13
> år siden i Frontpage. Et landkort af danmark med byer på som små
> runde mærker. Ved mouse over ved byerne kunne jeg indlægge tekst
> eller andre billeder hvordan gør man det ved brug af HTML eller
> CSS eller kan det bare ikke lade sig gøre?
> Jeg har ikke kunnet finde noget der peger i min retning, så
> derfor spørgsmålet i denne panel.
> På forhånd tak!
>
> Mvh. Lars
>
For vildt længe siden var der et lignende
spørgsmål. Den gang lave jeg et hurtigt
eksempel, det vil sige
http://733.dk/eksperiment.html

Bem. at kun Fredericia reagerer på en mouseover
og at der skal klikke spå hovedstadsområdet.

Det kan sikkert laves smartere, men her
er da et udgangspunkt.


--
Jørgen Farum Jensen
http://webdesign101.dk
..

---

Jørgen Farum Jensen wrote in dk.edb.internet.webdesign.html:
> Den 02-02-2011 13:52, Lars Bjarne Christensen skrev:
> > Hej! Jeg drister mig igen til et spørgsmål i dette forum. Jeg har
> > fået et problem med et billede (landkort) som jeg lavede for 13
> > år siden i Frontpage. Et landkort af danmark med byer på som små
> > runde mærker. Ved mouse over ved byerne kunne jeg indlægge tekst
> > eller andre billeder hvordan gør man det ved brug af HTML eller
> > CSS eller kan det bare ikke lade sig gøre?
> > Jeg har ikke kunnet finde noget der peger i min retning, så
> > derfor spørgsmålet i denne panel.
> > På forhånd tak!
> >
> > Mvh. Lars
> >
> For vildt længe siden var der et lignende
> spørgsmål. Den gang lave jeg et hurtigt
> eksempel, det vil sige
> http://733.dk/eksperiment.html
>
> Bem. at kun Fredericia reagerer på en mouseover
> og at der skal klikke spå hovedstadsområdet.
>
> Det kan sikkert laves smartere, men her
> er da et udgangspunkt.
>
>
> --
> Jørgen Farum Jensen
> http://webdesign101.dk
Hej Jørgen og tak for dit svar og interesse for mit problem. Erik har
anvist en for mig perfekt løsning, så det er jeg allerede igang med -
TAK!

Mvh. Lars
> ..


--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

---

Jørgen Farum Jensen wrote:

> For vildt længe siden var der et lignende
> spørgsmål. Den gang lave jeg et hurtigt
> eksempel, det vil sige
> http://733.dk/eksperiment.html

Det fungerer og der er ikke valideringsfejl på lige det, men egentlig
mangler parameteren shape på de definerede areas:

<area shape=rect ....
<area shape=poly ....
<area shape=circle ....

--
Med venlig hilsen
Erik Ginnerskov
http://ginnerskov.dk

---

Den 05-02-2011 13:54, Erik Ginnerskov skrev:
> Jørgen Farum Jensen wrote:
>
>> For vildt længe siden var der et lignende
>> spørgsmål. Den gang lave jeg et hurtigt
>> eksempel, det vil sige
>> http://733.dk/eksperiment.html
>
> Det fungerer og der er ikke valideringsfejl på lige det, men egentlig
> mangler parameteren shape på de definerede areas:
>
> <area shape=rect ....
> <area shape=poly ....
> <area shape=circle ....
>
Right. Men som sagt, det er længe siden og det gik
virkelig hurtigt...

--
Jørgen Farum Jensen
http://webdesign101.dk
..

---

Apropos, hvis man vil vide koordinater på et billede, og ikke har andre
programmer til rådighed:

<a href="#"><img src='billede.jpg' ismap='ismap'></a>

Når man fører musen over billedet, ses kooordinaterne i statuslinien,
klikker man, ses de i url'en.
Disse koordinater kan så bruges, når man laver sin imagemap.

Eksempel: http://www.neland.dk/test/imagemap.html

Leif

---

Leif Neland wrote in dk.edb.internet.webdesign.html:
> Apropos, hvis man vil vide koordinater på et billede, og ikke har andre
> programmer til rådighed:
>
> <a href="#"><img src='billede.jpg' ismap='ismap'></a>
>
> Når man fører musen over billedet, ses kooordinaterne i statuslinien,
> klikker man, ses de i url'en.
> Disse koordinater kan så bruges, når man laver sin imagemap.
>
> Eksempel: http://www.neland.dk/test/imagemap.html
>
> Leif
Hej Leif! Tak for dit svar! Det var sgu smart og det vil jeg lege lidt
med i aften og prøve om jeg kan få det til at fungere for mig, - tak for
det!

Mvh. Lars

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials