Help - Search - Members - Calendar
Full Version: Hiding form fields in IE
HTMLHelp Forums > Web Authoring > Markup (HTML, XHTML, XML)
hazardpro
Hi All,

I have 2 buttons that need to be placed side by side and link to Paypal.

I have used the "display:inline" on both forms and with the fields I need to hide, the "type=hidden"

When I view the page in Firefox all looks good, but in IE although the hidden fields are hidden, they are still taking up space.

So the two buttons are not sitting next to each other, there is a big gap where the 'hidden' layers would be.

Anyone have any ideas how I can get around this?

Here is the example code (user:test pass:test)

CODE
<div id="menu" align="center">
  <form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" style="display:inline" method="post"><input type="image" src="http://www.nikonart.net/images/add.gif" onMouseOver="MM_showHideLayers('cart','','show')" onMouseOut="MM_showHideLayers('cart','','hide')" name="submit" alt="Add to your basket">
<input type="hidden" name="add" value="1">
<input type="hidden" name="cmd" value="_cart">
<input type="hidden" name="business" value="mypaypalaccount">
<input type="hidden" name="item_name" value="nikon-001">
<input type="hidden" name="item_number" value="nikon-001">
<input type="hidden" name="amount" value="0.01">
<input type="hidden" name="no_shipping" value="2">
<input type="hidden" name="return" value="http://www.nikonart.net/payment_received.html">
<input type="hidden" name="cancel_return" value="http://www.nikonart.net/order_cancelled.html">
<input type="hidden" name="no_note" value="1">
<input type="hidden" name="currency_code" value="GBP">
<input type="hidden" name="lc" value="GB">
<input type="hidden" name="bn" value="PP-ShopCartBF">
</form>
<form target="paypal" style="display:inline" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="image" src="http://www.nikonart.net/images/checkout.gif" title="View you basket" onMouseOver="MM_showHideLayers('secure','','show')" onMouseOut="MM_showHideLayers('secure','','hide')" name="submit" alt="View your basket">
<input type="hidden" name="cmd" value="_cart">
<input type="hidden" name="business" value="mypaypalaccount">
<input type="hidden" name="display" value="1">
</form>
</div>
Darin McGrew
Please see the FAQ entry How do I eliminate the space around/between my images?
hazardpro
QUOTE(Darin McGrew @ Mar 1 2007, 01:41 PM) *


Darin, you are an absolute life saver, you dont know how many forums have not been able to answer my question!

Thank you, thank you, thank you. biggrin.gif
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2014 Invision Power Services, Inc.