ik ben bezig met een pagina in html, nu heb ik een stukje javascript gebruikt om een muisovereffect te maken op een button (knop)
Nu is echt het probleem dat ik maar 1 knop kan invoegen met dit effect met behulp van javascript. het lukt me wel maar dan zit de 2e button een heel stuk naar onder terwijl vspace gewoon op 0 staat.
Wie weet hoe ik dit moet veranderen?
Hier het stukje java en html:
<HTML>
<HEAD>
<TITLE>bla bla</TITLE>
<SCRIPT TYPE = "TEXT/JAVASCRIPT">
<!--
Function rood(Element)
{
element.src = element.id + '_rood.jpg';
}
Function groen(Element)
{
element.src = element.id +'_groen.jpg';
}
//-->
</SCRIPT>
</HEAD>
<BODY>
<body background="plaatje.jpg" border=0
scrolling=no width="841" height="101"
USEMAP="#knoppen">
<IMG ID="emailknop" SRC="emailknop_rood.jpg" border=0
onmouseover="groen(this)" onmouseout="rood(this)"
USEMAP="#knop1" HSPACE="288" VSPACE="78" border=0>
<MAP NAME="knop1">
<AREA HREF="aanvraag.html" ALT="Stuur ons een mail."
SHAPE="rect" COORDS="0,0,50,10">
<IMG ID="contactknop" SRC="contactknop_rood.jpg" border=0
onmouseover="groen(this)" onmouseout="rood(this)"
USEMAP="#knop2" HSPACE="388" VSPACE="78" border=0>
<MAP NAME="knop2">
<AREA HREF="mail.html" ALT="vraag aan."
SHAPE="rect" COORDS="0,0,50,10">
</BODY>
</HTML>
Nu is echt het probleem dat ik maar 1 knop kan invoegen met dit effect met behulp van javascript. het lukt me wel maar dan zit de 2e button een heel stuk naar onder terwijl vspace gewoon op 0 staat.
Wie weet hoe ik dit moet veranderen?
Hier het stukje java en html:
<HTML>
<HEAD>
<TITLE>bla bla</TITLE>
<SCRIPT TYPE = "TEXT/JAVASCRIPT">
<!--
Function rood(Element)
{
element.src = element.id + '_rood.jpg';
}
Function groen(Element)
{
element.src = element.id +'_groen.jpg';
}
//-->
</SCRIPT>
</HEAD>
<BODY>
<body background="plaatje.jpg" border=0
scrolling=no width="841" height="101"
USEMAP="#knoppen">
<IMG ID="emailknop" SRC="emailknop_rood.jpg" border=0
onmouseover="groen(this)" onmouseout="rood(this)"
USEMAP="#knop1" HSPACE="288" VSPACE="78" border=0>
<MAP NAME="knop1">
<AREA HREF="aanvraag.html" ALT="Stuur ons een mail."
SHAPE="rect" COORDS="0,0,50,10">
<IMG ID="contactknop" SRC="contactknop_rood.jpg" border=0
onmouseover="groen(this)" onmouseout="rood(this)"
USEMAP="#knop2" HSPACE="388" VSPACE="78" border=0>
<MAP NAME="knop2">
<AREA HREF="mail.html" ALT="vraag aan."
SHAPE="rect" COORDS="0,0,50,10">
</BODY>
</HTML>