Driehoekige hotspot / button lukt niet

Status
Niet open voor verdere reacties.
rene_overtoom

rene_overtoom

Meubilair
Lid geworden
1 jan 2001
Berichten
5.202
Hi!
Ik heb een voorbeeldje ter verduidelijking
attachment.php


Rechtsboven heb ik een driehoek met "welkom" erin.
Nu wil ik een mouse over event (gewoon button dus) maken dat de tekst een andere kleur wordt.
Geen probleem, alleen wel dat het een vierkant wordt
Het probleem hierbij is dat je nu dus veel eerder die event te dien krijgt.
De button werkt DUS OOK als je buiten de driehoek bent met je muis.

Iemand een idee om dit tegen te gaan ?
 

Bijlagen

  • button.jpg
    button.jpg
    39,8 KB · Weergaven: 92
je kan met een image map ook polygonen als coordinaten gebruiken (dus niet alleen rechthoeken en cirkels)

<area SHAPE=POLY COORDS="heel veel getallen" etc...>
 
Geplaatst door teacher
je kan met een image map ook polygonen als coordinaten gebruiken (dus niet alleen rechthoeken en cirkels)

<area SHAPE=POLY COORDS="heel veel getallen" etc...>
Klik om te vergroten...
NU je het zegt!
Enne....jij een idee hoe ik aan de juiste coord's kom teach ?
 
en ohja, de mouseover event moet dus alleen werken bij het driehoekje!
Ik heb flink gegoogled Teach, maar ik kan geen verdere aanwijzigingen vinden.
Jij een idee hoe ik verder moet gaan?
Of iemand anders :D ?
 
Even een snelle test:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<!-- Created with the CoffeeCup HTML Editor -->
<!-- http://www.coffeecup.com/ -->
<!-- Brewed on 12-9-2004 17:09:22 -->
<head>
<title></title>
</head>
<body>
<IMG SRC="button.jpg" USEMAP="#button" BORDER=0>
<MAP NAME="button">
<AREA SHAPE=POLY COORDS="39,18,216,192,215,17,39,18" HREF="http://www.helpmij.nl" ALT="woei">
</MAP>
</body>
</html>


Hoe kom ik aan die coordinaten?
Via een image mapper (ik gebruik zelf die van coffeecup)....
 
Sodemieters dit is echt een evolutie voor mij !! :thumb:
Nog even teach, jij bent de "code man" ;)
Hoe kan ik hier ook een onmouse-over button van maken?
Ik heb namelijk PRECIES hetzelfde plaatje, maar dan met een andere kleur letter.
Hoe voeg ik die toe in de code ?
 
Teach het werkt perfect alleen 1 ding :(

-> Het gebeuren zet uit in de cel, met andere woorden, het verklooid mijn layout :eek:
Ik heb GEEN overbodige code staan, de cellen staan precies even hoog als de grootte van de afbeeldingen.
De enige code die ik toegevoegd hebt is die code van jouw voorbeeld, alleen dan afgestemd op mijn afbeeldingen namen ;)

Jij een idee? Het verkloot echt mijn layout :confused:
 
joh.. helemaal vergeten..

In Mozilla ziet het er gewoon netjes uit.
Als ik in IE kijk, zie ik idd een box probleem.

Ik denk dat je even met CSS al een heel eind komt, en voor IE pas je de box model hack toe.

Ik kan wel even voor je kijken, maar dat lukt pas volgend weekend (brugklaskamp deze week :( ..... )

t.
 
Laatst bewerkt:
Geplaatst door teacher
joh.. helemaal vergeten..

In Mozilla ziet het er gewoon netjes uit.
Als ik in IE kijk, zie ik idd een box probleem.

Ik denk dat je even met CSS al een heel eind komt, en voor IE pas je de box model hack toe.

Ik kan wel even voor je kijken, maar dat lukt pas volgend weekend (brugklaskamp deze week :( ..... )

t.
Klik om te vergroten...
Geeft niks ;)
CSS? Oei, das niet mijn sterkste kant :D
Als jij volgend weekend kan kijken GRAAG!
Veel plezier met de bruggers ;)
 
Status
Niet open voor verdere reacties.
Steun Ons

Nieuwste berichten

Terug
Bovenaan Onderaan