HTML - Unwanted Space Under Shopping Cart Button

I'm sure the answer is right under my nose, but I am somehow missing it. Shopping cart will not accept the product purchase on one of my pages. It works fine for the other products on the same page.

The page in question is: http://www.plainlydressed.com/girlsclothing.html

The customer has no problem adding any products to their cart except for the "Girls Bloomers." It simply won't add it to the cart. I have compared tags to find the problem, but it all looks identical to me, so I'm not sure what I am missing. I will list the tags for the product just above it, which works fine, and then will follow with the tags for the Girls Bloomers (the item in question). What am I missing? Thanks in advance for any help and direction:

THIS PRODUCT WORKS FINE:

<b>$30.00</b>
</div>
<form action="http://ww7.aitsafe.com/cf/add.cfm" TARGET="new" method="post">
<div align="center">
<input type="hidden" name="product[]" value="Girl/Baby Dress & Apron">
<input type="hidden" name="userid" value="9434136">
<input type="hidden" name="price" value="30.00">
<input type="hidden" name="quantity" value="1">

Select Size

<select name="product[]">
<option value="Newborn">Newborn</option>
<option value="6 Months">6 Months</option>
<option value="12 Months">12 Months</option>
<option value="18 Months">18 Months</option>
<option value="2T">2T</option>
<option value="3T">3T</option>
<option value="4T">4T</option>
</select>
<BR>

Select Dress Color

<select name="product[]">
<option value="Black">Black</option>
<option value="Navy">Navy</option>
<option value="Royal Blue">Royal Blue</option>
<option value="Hunter Green">Hunter Green</option>
<option value="Light Green">Light Green</option>
<option value="Light Blue">Light Blue</option>
<option value="Purple">Purple</option>
<option value="Lavender">Lavender</option>
<option value="Soft Pink">Soft Pink</option>
</select>
<BR>
Select Apron Color

<select name="product[]">
<option value="Black">Black</option>
<option value="White">White</option>
<option value="Other - Solids Only">Other Solids Only</option>
</select>
<BR>
<input type="submit" value="Buy Now">
</div>
</form>
<FORM METHOD="post" ACTION="http://ww7.aitsafe.com/cf/review.cfm">
<div align="center">
<p>
<INPUT TYPE="hidden" NAME="userid" VALUE="9434136">
<INPUT TYPE="submit" VALUE="Review Cart">

THIS PRODUCT CANNOT BE ADDED TO THE SHOPPING CART:

<b>$20.00</b>
</div>
<form action="http://ww7.aitsafe.com/cf/add.cfm" TARGET="new" method="post">
<div align="center">
<input type="hidden" name="product[]" value="Girls Bloomers" />
<input type="hidden" name="userid" value="9434136" />
<input type="hidden" name="price" value="20.00" />
<input type="hidden" name="quantity" value="1" />
Select Size
<select name="product[]">
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>
<br />
Select Fabric
<select name="product[]">
<option value="White Broadcloth">White Broadcloth</option>
<option value="White Cotton Flannel">White Cotton Flannel</option>
</select>
<br />
<input type="submit" value="Buy Now">
</div>
</form>

Say you have radio buttons, text field and wanted to have a updated page above where you are entering the data, how would you write this code? the updated page would show you what you have in the input fields.

I am not sure where to post this but here goes.

I am trying to find a way to use javascript (I no nothing about this) to pass to our PayPal shopping cart the right shipping and handling charge. I was told that javascript would be able to help?

We are selling 3 things that all have a different price and different shipping charge. The shopping cart works if someone purchases just one item but if someone purchases multiple different items we are charging too much shipping and handling.

What I would like to do is take the maximum charge of the items chosen and only charge that amount. One problem I may have is different sizes of the same item seem to take on it's own shipping and handling charge for each size.

Here is an extract of my PayPal Shopping Cart html....

First Item For Sale:

<input type="hidden" name="add" value="1">
<input type="hidden" name="cmd" value="_cart">
<input type="hidden" name="business" value="abc@123.com">
<input type="hidden" name="item_name" value="2008 Calendar">
<input type="hidden" name="amount" value="16.95">
<input type="hidden" name="shipping" value="10.00">
<input type="hidden" name="shipping2" value="2.00">
<input type="hidden" name="tax" value="1.02"><!-- this is 6% tax GST + no PST on $16.95 -->
<input type="hidden" name="buyer_credit_promo_code" value="">
<input type="hidden" name="buyer_credit_product_category" value="">
<input type="hidden" name="buyer_credit_shipping_method" value="">
<input type="hidden" name="buyer_credit_user_address_change" value="">
<input type="hidden" name="no_shipping" value="0">
<input type="hidden" name="no_note" value="1">
<input type="hidden" name="currency_code" value="CAD">
<input type="hidden" name="lc" value="CA">
<input type="hidden" name="bn" value="PP-ShopCartBF">

Second Item For Sale:

<input type="hidden" name="add" value="1">
<input type="hidden" name="cmd" value="_cart">
<input type="hidden" name="business" value="abc@123.com">
<input type="hidden" name="item_name" value="OPC Magazine - Issue # 2">
<input type="hidden" name="amount" value="9.99">
<input type="hidden" name="shipping" value="2.00">
<input type="hidden" name="shipping2" value="1.00">
<input type="hidden" name="tax" value="0.00"><!-- no taxes on magazines -->
<input type="hidden" name="buyer_credit_promo_code" value="">
<input type="hidden" name="buyer_credit_product_category" value="">
<input type="hidden" name="buyer_credit_shipping_method" value="">
<input type="hidden" name="buyer_credit_user_address_change" value="">
<input type="hidden" name="no_shipping" value="0">
<input type="hidden" name="no_note" value="1">
<input type="hidden" name="currency_code" value="CAD">
<input type="hidden" name="lc" value="CA">
<input type="hidden" name="bn" value="PP-ShopCartBF">


Third Item For Sale - Contains 4 different sizes to choose from:

<td><input type="hidden" name="on0" value="Size">
<strong>Size</strong></td>
<td><select name="os0">
<option value="Medium">(M) Medium
<option value="Large">(L) Large
<option value="Extra Large">(XL) Extra Large
<option value="Extra Extra Large">(XXL) Extra Extra Large</select>
</td>
</tr>
<tr>
<td><input type="hidden" name="on1" value="Colour">
<strong>Colour </strong></td>
<td><select name="os1">
<option value="Navy Blue">Navy Blue</select> </td>
</tr>
</table>
<p>
<input type="image" src="https://www.paypal.com//en_US/i/btn/sc-but-03.gif" border="0" name="submit" alt="Make payments with PayPal - it's fast, free and secure!">
<img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1">
<input type="hidden" name="add" value="1">
<input type="hidden" name="cmd" value="_cart">
<input type="hidden" name="business" value="abc@123.com">
<input type="hidden" name="item_name" value="OPC Golf Shirt">
<input type="hidden" name="amount" value="19.99">
<input type="hidden" name="shipping" value="11.00">
<input type="hidden" name="shipping2" value="5.00">
<input type="hidden" name="tax" value="2.80"><!-- this is 6% tax GST + 8% PST on $19.99 -->
<input type="hidden" name="buyer_credit_promo_code" value="">
<input type="hidden" name="buyer_credit_product_category" value="">
<input type="hidden" name="buyer_credit_shipping_method" value="">
<input type="hidden" name="buyer_credit_user_address_change" value="">
<input type="hidden" name="no_shipping" value="0">
<input type="hidden" name="return" value="http://www.outdoorphotographycanada.com/storethankyou.html">
<input type="hidden" name="no_note" value="1">
<input type="hidden" name="currency_code" value="CAD">
<input type="hidden" name="lc" value="CA">
<input type="hidden" name="bn" value="PP-ShopCartBF">

Thank you in advance for any assistance you can provide.

Dave.

I have a paypal shopping cart here. However the first add to shopping cart button under the text Sparky and the Magic Garden, does not work. I've isolated the problem to this: There is no form tag around this button where as in the other buttons the form tag is there. I spotted this by looking at it in firebug. However the strange thing is is that when I look at the code in the view source then the first button is surrounded by a form tag. as in all the other buttons. This site needs to go live this Monday so if anyone could offer some advice I would be extremely grateful.

Hi!
I've looked it over and over ant I can't seem to find the solution to this.
A huge space appears on my webpage without permission!
Here is the code
HTML Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<SCRIPT TYPE="text/javascript">

function popup(mylink, annonces)
{
if (! window.focus)return true;
var href;
if (typeof(mylink) == 'string')
   href=mylink;
else
   href=mylink.href;
window.open(href, annonces, 'width=600,height=600,scrollbars=yes');
return false;
}
//
</SCRIPT>

<TITLE>Duo: balalaika et piano -- Dmitri Nassyrov et Victoria Khramova</TITLE>
 <META HTTP-EQUIV="Content-Type" CONTENT="text/html; Charset=Windows-1251">
 <META NAME="GENERATOR" CONTENT="Microsoft FrontPage 5.0">
 <META NAME="Author" CONTENT="Dmitri Nassyrov">
 <META NAME="KeyWords" CONTENT="balalaika, Victoria, Khramova, Dmitri, Nassyrov, 

concerts, piano, duo, stringsandkeys, douce, soiree, histoire, du, balalaika">
 <META NAME="Description" CONTENT="Le duo du balala&iuml;ka et du piano: Dmitri 

Nassyrov et Victoria Khramova, ont un repertoire tres vari&eacute;: folklorique, 

classique, jazz, et autres... ">
<TITLE>Duo:balala&iuml;ka et piano - Dmitri Nassyrov et Victoria Khramova</TITLE>

<link rel="stylesheet" type="text/css" href="style.css" />
</HEAD>

<div id="container">
<BODY BGCOLOR="#000000" TEXT="#000000" LINK="#0000FF" VLINK="#7F007F" ALINK="#FF0000" 

BACKGROUND="../img/bcknd.jpg" bgproperties="fixed">

<script language="javascript">
var u=13200; 
var vsbl=0;
var l='';
</script>
<script type="text/javascript" language=Javascript 

src="http://h1.hitslog.com/counter.js"></script>
<script language="javascript">
document.write('<a href=http://hitslog.com/><img border=0 width=1 height=1 

src=http://h1.hitslog.com/hl.php?'+l+'></a>');
</script>
<noscript>
<a href="http://hitslog.com/"><img border=0 width=1 height=1 

src="http://h1.hitslog.com/hl.php?u=13200" alt="MySpace tracker"></a></noscript>


<TABLE id="main">
  <tR width=720 height=160>

    <td valign=top width=615 height=160><IMG width=615 height=160 alt="Duo: 

balala&iuml;ka et piano - Dmitri Nassyrov et Victoria&nbsp;Khramova" 

SRC="../site/IMG/HEADER2.gif">
     </td>
     <td>
                  <table valign=center width=105 height=75 cellpadding=0>
                    <tr class="lang">
                     <img alt="En Fran&ccedil;ais"  border=0 

src="../site/img/francaisclik.gif" >
                    </tr>                    
                    <tr class="lang">
                      <a href="../eng/index.html"><img alt="In English" 

onmouseover="this.src='../site/img/englishon.gif'" 

onmouseout="this.src='../site/img/english.gif'" 

onclick="this.src='../site/img/englishclik.gif'" border=0 

src="../site/img/english.gif"></a>
                    </tr>
		            <tr class="lang">
                      <a href="../rus/index.html"><img alt="По-Русски" 

onmouseover="this.src='../site/img/russianon.gif'" 

onmouseout="this.src='../site/img/russian.gif'" 

onclick="this.src='../site/img/russianclik.gif'" border=0 

src="../site/img/russian.gif"></a>
                    </tr>

                    <tr width=100 height=85>
                     
                        <img alt="Duo: balala&iuml;ka et piano - Dmitri Nassyrov et 

Victoria &nbsp;Khramova" src="../site/img/sideheader.gif">
                      
                    </tr>
                  </table>
     </td>

  </tR>



<!--The big space is here-->



  <TR>
    <td colspan=2> 
     <table width=720>
      <tr>
       <td valign=top>
        <TABLE valign=top>
        <TR>
          <TD class="menu"><A HREF="INDEX.HTML"><img src="../img/bienvenueclik.gif" 

alt="Bienvenue"  border="0"></a></TD>
        </TR>
        <TR>
          <TD class="menu"><A HREF="DUO.HTML"><img src="../img/leduo.gif" alt="Notre 

duo" onmouseover="this.src='../img/leduoon.gif'" 

onmouseout="this.src='../img/leduo.gif'" onclick="this.src='../img/leduoclik.gif'" 

border="0"></A></TD>
        </TR>
        <TR>
          <TD class="menu"><A HREF="concerts.HTML"><img src="../img/concerts.gif" 

alt="Nos concerts" onmouseover="this.src='../img/concertson.gif'" 

onmouseout="this.src='../img/concerts.gif'" 

onclick="this.src='../img/concertsclik.gif'" border="0"></A></TD>
        </TR>
        <TR>
          <TD class="menu"><A HREF="audio.HTML"><img src="../img/audio.gif" alt="Notre 

musique" onmouseover="this.src='../img/audioon.gif'" 

onmouseout="this.src='../img/audio.gif'" 

onclick="this.src='../img/audioclik.gif'"border="0"></A></TD>
        </TR>
        <TR>
          <TD class="menu"><A HREF="historique.HTML"><img src="../img/historique.gif" 

alt="L'Histoire du balala&iuml;ka" onmouseover="this.src='../img/historiqueon.gif'" 

onmouseout="this.src='../img/historique.gif'" 

onclick="this.src='../img/historiqueclik.gif'" border="0"></A></TD>
        </TR>
        <TR>
          <TD class="menu"><A HREF="liens.HTML"><img src="../img/liens.gif" alt="Liens" 

onmouseover="this.src='../img/lienson.gif'" onmouseout="this.src='../img/liens.gif'" 

onclick="this.src='../img/liensclik.gif'" border="0"></A></TD>
        </TR>
        <TR>
          <TD class="menu"><A HREF="contact.HTML"><img src="../img/contact.gif" 

alt="Comment nous rejoindre" onmouseover="this.src='../img/contacton.gif'" 

onmouseout="this.src='../img/contact.gif'" onclick="this.src='../img/contactclik.gif'" 

border="0"></A></TD>
        </TR>
      </TABLE>
    </tD>
    <TD VALIGN=top>
      <table id="text" height=100% width=500 cellpadding=20 style="BACKGROUND:          

                                url('../site/img/textbcknd.jpg'); "> 
        <tr>
          
          <!--<marquee id="test" onMouseOver="document.all.test.stop()" 

onMouseOut="document.all.test.start()" scrollamount="2" scrolldelay="20" width="100%" 

height="51"       behavior="scroll" direction="left"><font face="arial" 

align=middle><i>
<A HREF="annonces3.html"
   onClick="return popup(this, 'annonces',true)"><b>17 novembre - 20:00</b></A><br>
Festival "From Russia With Love"<br>
&agrave la biblioth&egraveque publique juive.
</i></font></marquee>-->

        </tr>
        
        <tr>
          <td valign=top>
<font face="times new roman" size=3>
          <h2>Un duo, c'est indivisible...</h2>
<p align=justify>Dans un duo, le r&ocirc;le de chaque musicien n'est pas seulement de 

compl&eacute;ter son partenaire, mais aussi de souligner la sonorit&eacute; de son 

instrument.</p>

          <p align=justify>Notre duo est assez particulier et assez unique &agrave; 

Montr&eacute;al. Les deux instruments composant notre duo sont: le piano et le 

balala&iuml;ka - instrument folklorique russe. Les possibilit&eacute;es de cette union 

sont surprenantes, dans le r&eacute;pertoi  folklore, classique, jazz...</p>

<hr width=95%></hr>

<p>Sur ce site, vous trouverez de l'information sur nos &nbsp;<A 

HREF="concerts.HTML">concerts</A>, vous pourrez &eacutecouter nos <A 

HREF="audio.HTML">enregistrements</A>, lire nos <A HREF="DUO.HTML">biographies</A>, et 

plus encore.</p>

<p>Et, bien s&ucirc;r, nous serons heureux de vous voir &agrave; nos concerts!</P>

<p><i>Dmitri Nassyrov et Victoria Khramova</i></p>

          </TD>
        </tr>
      </table>
    </td>
   </tr>
   </table>
   </td>
  </TR>
</TABLE> 
<font face="arial" size=1 

align=right>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nb

sp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nb

sp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nb

sp;&nbsp;Dmitri Nassyrov et Victoria Khramova &copy; Tous droits 

r&eacute;serv&eacute;s.</font>



</BODY>
</div>
</HTML>

I put "The big space is here" where the space occurs. The weird thing is that if I open the file in some html editing software (frontpage), it looks fine, but once I open it in IE, the space appears.

Here is the style.css file if it needs checking:
HTML Code:

body { 
text-align: center;
background-color: rgb(239,197,137); 
}

#container {
margin: 0 auto;
}

#main {
border:0px; /* border="0" */
border-collapse:collapse; /* cellspacing="0" */
}

#top {
border:0px; /* border="0" */
border-collapse:collapse; /* cellspacing="0" */
}

tr.lang {
horizontal-align:left;
width:100px;
height:25px;
}

td.menu {
width:220;
height:40;
}

table {
border-collapse:collapse;
}

#text {
padding:20px;
}

Any help is appreciated.
Thank you for your time!

Hey; I'm trying to build this menu in a table. Each row has an image, which I'm using for a rollover. Altogether, the table should be 202 x 285 pix.

The problem is, 5 pixels of blank space are being added under every image, (in the same row as the image), and I'm not sure why. Altogether, it's making my table 45 pix too large.

Any help would be appreciated.

HTML:
<div id="menu">
<table border="0" cellpadding="0" cellspacing="0">
<tr><td ><img alt="Home" src="images/regHome.jpeg" /></td></tr>
<tr><td><img alt="Program Information" src="images/regInformation.jpeg" id="Image2" onmouseover="MM_swapImage('Image2','','images/rollOverInformation.jpeg',1)" onmouseout="MM_swapImgRestore()" /></td></tr>
...etc</table></div>

CSS:
#menu
{
margin: 0 auto;

text-align: left;
color: #000000;
font-family:Arial;

position:relative;
float:left;

font-size: 18px;

top:144px;
!top:140px;

height:271px;
!height:100px;
_height:100px;

width:202px;
!width:10px;
_width:10px;
float:left;

background-color:#00FF00;
}

Whenever I use mouseover images on top of one another (in a column for example), there is always a small gap in between them. Is there anyway to get rid of this space? Even when I put border and vspace to 0 and even omit using a <br>, that annoying gap appears! Any suggestions?

Hi, I have a problem. some of my HTML text appears differently in the browsers. for e.g - I want my text to show normally like this - Hi My name is raj.

BUT on the browser it is showing as Hi M Y na me is r aj.

How do I get rid of the unwanted space. Pease help somebody and thanks in advance (",)

Reference: http://investorsconnection.net

So if you load it up in FF, you see that there is a stripe that goes across the bottom of the page and it is flush to the bottom of the window. That is how it is supposed to be.

In IE there is a space below that greyish stripe, and it's not supposed to be there. I can't figure out why!

The stripe is div id "footer_bg".

Thank you for the help!

Very new to HTML. I have a basic "Add To Cart" button created thru PayPal's website payments standard. I want to add a 20% discount cart wide for "New Customers Only" at checkout. I have checked add variables and added discount_amount_cart=20. Still doesn't work. I have read that PayPal will not allow discounts in their shopping carts because they are not the owner of said discount. True or False?? Is this possible to do thru PayPal w/out using a third party. If not, why do they give us an option to add advanced variables. Hopefully I'm on the right track here. All help is greatly appreciated!!! This is what I have so far. The original button was set up as a "Computer Setup" service costing $60 usd, small button, encrypted, no drop down or text menus.

Original code:

<form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="G7LXUWQLSJPBY">
<input type="image" src="https://www.paypalobjects.com/WEBSCR-640-20110401-1/en_US/i/btn/btn_cart_SM.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
<img alt="" border="0" src="https://www.paypalobjects.com/WEBSCR-640-20110401-1/en_US/i/scr/pixel.gif" width="1" height="1">
</form>

What I have created so far. Still doesn't work.

<form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="G7LXUWQLSJPBY">
<input type="hidden" name="add" value="1">
<input type="hidden" name="cmd" value="discount_amount_cart">
<input type="hidden" name="item_name" value="New Customer Discount">
<input type="hidden" name="currency_code" value="USD">
<input type="hidden" name="discount_amount_cart" value="20">
<input type="image" src="https://www.paypalobjects.com/WEBSCR-640-20110401-1/en_US/i/btn/btn_cart_SM.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
<img alt="" border="0" src="https://www.paypalobjects.com/WEBSCR-640-20110401-1/en_US/i/scr/pixel.gif" width="1" height="1">
</form>

I inserted a SWF inside a table and it should fit perfectly. However, the table streches a bit and makes the background repeat for a couple of pixels which totally screws the layout.

Here is my website: http://jlcq.uuuq.com/jl.html

I'm talking about the two horizontal lines on each side of the banner. It looks like the SWF has some kind of margin. How can i delete it so it fits perfectly?

If you have the time take a look at my code or download the site and find a way to modify the code so that it fits. Note that the problem also occurs if I insert an image in the same spot instead of a SWF.

Thanks!

I'm quite new to HTML and have only just started using Div tags as oppose to large tables to produce websites, i only do this for fun and they don't go on the net. As for my problem, the div tag that contains the main content of the page has moved below the navigation bar and i want it to be sat to the right of it... Will you need the coding for the website?

It looks like this..

Header
Nav bar
Main content
Footer

I want it to be like..

Header
Nav bar | Main content
Footer

It had been like this, and i'm not sure why it changed.. Thanks in advance for any help. =]
~Josh.