[HTML] Image map zichtbaar maken

[Kaastosti]

De topic titel zegt het eigenlijk al, ik probeer een image map zichtbaar te maken. De reden daarvoor is dat ik er een redelijk aantal wil gaan gebruiken. Op dit moment is de enige manier om te zien waar ze zitten, er met de muis overheen hoveren en kijken wanneer m'n pijltje een handje wordt.

Leuk om even snel te kijken of het systeem werkt, maar niet als je er een stuk of 100 kwijt moet, die allemaal moeten gaan kloppen. Ik gebruik dit als test:

HTML:

<map name='map'>
   <area shape='poly'
         target='_blank'
         coords='1,99,50,1,99,99'
         href='http://www.eggy.nl'
         >
   <img height='100'
        width='100'
        src='block.jpg'
        useMap=#map border='0'>
</map>

Dit is een vierkante image, met een image map die van links-onder naar midden-oven naar rechts-onder gaat, een driehoek dus. Wat ik graag zou willen zien is de rand van die image map. Helaas voorziet de <area> tag niet in een border='1' of iets in die richting.

Is er een manier waarop ik dit alsnog zichtbaar kan krijgen? Het maakt me daarbij niet uit of het een kleur, een achtergrond, een rand of wat dan ook is, als ik maar de randen van image maps kan zien en uit elkaar kan houden

[André]

Het kan niet, zie bijvoorbeeld ook:
[rml][ CSS] Image maps / Area's & border styles[/rml]

[LoeiOrdinair]

Er zijn heel veel editors waarmee je simpel je imagemap kan bekijken en/of wijzigen. Goed zoeken zou ik zeggen.

[André]

Met een editor kan het wel ja, wat wil je precies dan? Wil je ze even zichtbaar hebben tijdens het developen of ook op de website zelf?

[Kaastosti]

Alleen tijdens het developen, een bezoeker van de uiteindelijke site moet ze niet kunnen zien. Ik ga een redelijk hoeveelheid plaatjes door elkaar heen gebruiken die allemaal een image map gaan krijgen. Als ik dan overal heen moet hoveren om te kijken of ze goed staan, ben ik over een jaar nog niet klaar

Maar goed ik begrijp dat het dus niet kan in een text-based editor.. zou Dreamweaver me hierbij kunnen helpen?

[LoeiOrdinair]

André schreef op dinsdag 07 juni 2005 @ 16:25:
Met een editor kan het wel ja, wat wil je precies dan? Wil je ze even zichtbaar hebben tijdens het developen of ook op de website zelf?

Ik denk tijdens het devven want op de site gaat niet lukken. Of je moet het in je afbeelding photoshoppen

Ik gebruik hier mapedit. Dit was het eerste gratis proggie dat ik tegen kwam. Lekker licht en simpel. (het ziet er alleen super cheapo uit, maar het werkt )

[ Voor 4% gewijzigd door LoeiOrdinair op 07-06-2005 16:31 ]

[Kaastosti]

Okee daarin laad je dus een plaatje, waar je daarna een image map op kunt tekenen. Wat ik ga krijgen zijn een heleboel plaatjes... bij dit programma houdt dat in dat ik eerst alle plaatjes door elkaar moet husselen, daar een screenshot van moet maken, en daarvoor dan met mapedit 1 grote image map maken.

Dat is natuurlijk een manier... hmm...niet echt wat ik in m'n hoofd had, maar misschien een probeerseltje waard

[Verwijderd]

Kaastosti schreef op dinsdag 07 juni 2005 @ 16:29:
Maar goed ik begrijp dat het dus niet kan in een text-based editor.. zou Dreamweaver me hierbij kunnen helpen?

In DW zie je ook de "spots" op de map tijdens het maken ervan in lichtblauw, je kan tekenen met een soort "path-tool". Het is een beetje prutserig (alla, dat zijn image-maps eigenlijk ook ), maar het werkt wel.

[Kaastosti]

Het is een beetje prutserig (alla, dat zijn image-maps eigenlijk ook )

Ach, het is wel de enige manier om een link-gebied te creëren wat niet gelijk is aan de omvang van de image. Volgens mij als je het op een nette manier implementeert valt de 'prutserig'heid ook wel weer mee

[André]

Kaastosti schreef op dinsdag 07 juni 2005 @ 16:52:
[...]

Ach, het is wel de enige manier om een link-gebied te creëren wat niet gelijk is aan de omvang van de image. Volgens mij als je het op een nette manier implementeert valt de 'prutserig'heid ook wel weer mee

Mwah, je kunt ook een element over de image heen plaatje met andere afmetingen en die als link-gebied gebruiken

[LoeiOrdinair]

André schreef op dinsdag 07 juni 2005 @ 16:53:
[...]

Mwah, je kunt ook een element over de image heen plaatje met andere afmetingen en die als link-gebied gebruiken

Uhm.. Dan kan je alleen maar vierkantjes en rechthoeken gebruiken. Geen driehoeken en rondjes oid

[Kaastosti]

Overigens... in Dreamweaver krijg ik, als ik gewoon een image neerplemp wel een voorbeeld. De code uit de startpost met de image map er overheen krijg ik uberhaupt niet te zien in de split code/design view.