Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

Image map mét border

7 antwoorden
  • Hoe moet ik een image map maken mét een border? Volgens de specificatie kan een area een style hebben, maar die weigert bij mij dienst. Ik heb de volgende code en wil dat elke aanklinkbare area een rand heeft (1 px en wit maar dat maakt voor het principe niet veel uit). [code:1:ad893f53a8]<MAP NAME="front"> <AREA SHAPE="rect" COORDS="157,351,193,390" HREF="link1.html" ALT="rechthoek"> <AREA SHAPE="rect" COORDS="0,0,300,150" NOHREF ALT="Geen vorm"> </MAP>[/code:1:ad893f53a8]
  • Ik heb zelf ook even getest, en krijg het zelf ook niet voor elkaar. Hieronder een link over hetzelfde probleem: http://forums.htmlcenter.com/showthread.php?t=1160 En hier een link naar iets dat eventueel als alternatief kan dienen: http://www.alistapart.com/articles/imagemap/ vr.gr. smeenk :wink:
  • De reden dat het niet werkt is in mijn optiek omdat je bij een image map werkt met een voorgrondplaatje. Als je borders of achtergrondkleuren van de area zou veranderen zullen deze achter het plaatje verdwijnen en dus nooit zichtbaar zijn. Het enige alternatief dat ik zou kunnen bedenken is de huidige foto als achtergrond van een div instellen, de image map in deze div plaatsen en dan een volledig transparant plaatje met dezelfde grootte als voorgrondimage gebruiken. (of het werkt weet ik niet het is door mij zelf nog niet getest :wink: ) vr.gr. smeenk
  • Of je gebruikt stiekum gewoon een tabel, met achtergrondafbeeldingen en klikbare cellen... maar dat mag je hier dan niet zeggen hoor :) t.
  • Hahaha ja soms zijn tabellen ineens heel handig... En ach één klein celletje mag toch wel :wink:
  • Ik heb ook met div en dergelijke gespeeld en met transparent images, kon het toch niet vinden dus dan ben ik zelf maar inventief bezig geweest. Voor een voorbeeld: http://www.doubleyoudigital.nl/schadepage/front.html Alleen dan de plaatjes bovenop een image map zetten, dan werkt de image map niet meer he. Dus dan kan je beter een link over het doorzichtige plaatje zetten. Oja dit kon waarschijnlijk beter met php enzo, maar de pagina moet clientside werken.
  • Ik heb je voorbeeld even bekeken, het werkt goed, maar ik zou naast de css-code: [code:1:40ab53a0a1]cursor: hand[/code:1:40ab53a0a1] ook de code: [code:1:40ab53a0a1]cursor: pointer[/code:1:40ab53a0a1] gebruiken. Uitleg: -cursor: hand is noodzakelijk voor Internet Explorer 4 en 5 (werkt niet bij Mozilla, Firefox en Netscape) -cursor: pointer is valid css en wordt door alle moderne browsers ondersteund. (maar niet door IE 4 en IE 5) vr.gr. smeenk :wink:

Beantwoord deze vraag

Weet jij het antwoord op deze vraag? Registreer of meld je aan met je account

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.