Submit Button and CSS

[JustineB]

I am having problems making a JavaScript call from a submit button after placing it in a style sheet 'box'

The call works fine in an old HTML page as either an image or button but when placed between <div>'s it gives an error messsage which I have been unable to trace.

The original code is

<td>
<p><h5>Hanes H2</h5></p>
<li>Blah</li>
<li>Blah</li>
<li>Blah</li>
<li>Blah</li>
<li>Blah</li>
<li>Blah</li>
<p><b>£8.50<br>
Price includes V.A.T. and delivery.</b></p>
<p><h6>Sizes and colours shown are approximate and for guidance only</h6></p>
</td>
<td>
<form name="product" onsubmit="return(Add2Basket(this));return(false);">
<h6>Quantity</h6>
<p>
<input type="text" name="Quantity" size=4 value="1" onChange='top.qty_fix(this,1,1)'>
</p>
<p>
<select name="SEL1" >
<OPTION SELECTED>Select size



<OPTION>S 10/12



<OPTION>M 14



<OPTION>L 16
</select>
</p>

<p>
<select name="SEL2">
<OPTION>BLACK



<OPTION>SLATE GREY



<OPTION>FRENCH NAVY</p>
</select>
<h5>Approximate colour samples<br>are shown below.</h5>


<p><INPUT TYPE="submit" VALUE="Add to Basket"></p>
</form>
<p><INPUT TYPE="BUTTON" VALUE="Review Basket" ONCLICK="top.reviewbasket(true)"></p>
</td>

The new code is :-

<div class="bravo">
<form name="product" onsubmit="return(Add2Basket(this));return(false);">
<h6>Quantity</h6>
<p>
<input type="text" name="Quantity" size=4 value="1" onChange='top.qty_fix(this,1,1)'>
</p>
<p>
<select name="SEL1" >
<OPTION SELECTED>Select size



<OPTION>S 10/12



<OPTION>M 14



<OPTION>L 16
</select>
</p>

<p>
<select name="SEL2">
<option>SELECT COLOUR
<OPTION>BLACK



<OPTION>SLATE GREY



<OPTION>FRENCH NAVY</p>
</select>
<h5>Approximate colour samples<br>are shown below.</h5>


<p><INPUT TYPE="submit" VALUE="Add to Basket"></p>

<p><INPUT TYPE="BUTTON" VALUE="Review Basket" ONCLICK="top.reviewbasket(true)"></p>
</form>
</div>

In both cases the 'Add to Basket' call works fine.
I have tried adding "javascript:top. reviewbasket(true)" but this doesn't work either.

Can anyone help please ?

 

[tviman]

Could it be:

old code:

<p><INPUT TYPE="submit" VALUE="Add to Basket"></p>
[b]</form>[/b]
<p><INPUT TYPE="BUTTON" VALUE="Review Basket" ONCLICK="top.reviewbasket(true)"></p>

new code:

<p><INPUT TYPE="submit" VALUE="Add to Basket"></p>

<p><INPUT TYPE="BUTTON" VALUE="Review Basket" ONCLICK="top.reviewbasket(true)"></p>
[b]</form>[/b]

There's always a better way. The fun is trying to find it!