✔ <form> verschiebt Tabelle!?

Status
Nicht offen für weitere Antworten.
M

mazzproduce

Grünschnabel
Guten Tag!
Ich habe folgendes Problem, und zwar habe ich eine Tabelle, mit Texten und Bildern. Siehe link, unter Store, untere Tabelle: http://www.mindbenda.com/[-=Mindbenda-Recordings-06=-]/index.html
Wenn man sich das erste Produkt anschaut, erkennt man, dass der abstand zwischen dem unteren Produkt grüßer ist, als wie bei den folgenden. Der Grund scheint zu sein, dass ich dem Bild "Add to cart" eine Form zugeteilt habe (keine Ahnung wie man soetwas fachlich beschreibt). Hier ist der code für die Tabelle:

HTML: 
<table width="580" border="0" cellpadding="0" cellspacing="0">
  <!--DWLayoutTable-->
  <tr>
    <td height="5" colspan="7" valign="top"><img src="../../00layout/border/border_1px.gif" width="580" height="5" /></td>
  </tr>
  <tr>
    <td height="10" colspan="4" valign="top"><img src="../../images/store/items/00pixel.gif" width="366" height="10" /></td>
    <td width="101" rowspan="4" valign="top"><form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
    <input type="image" src="../../images/store/paypal_add-to-cart.gif" width="101"  height="80" border="0" name="submit5" alt="Make payments with PayPal - it's fast, free and secure!" />
    <input type="hidden" name="add" value="1">
    <input type="hidden" name="cmd" value="_cart">
    <input type="hidden" name="business" value="xray593@yahoo.com">
    <input type="hidden" name="item_name" value="(PRE-ORDER) No Greater Love - Uppa Notch">
    <input type="hidden" name="item_number" value="mb021">
    <input type="hidden" name="amount" value="12.99">
    <input type="hidden" name="no_note" value="1">
    <input type="hidden" name="currency_code" value="USD">
    </form></td>
  <td width="72" rowspan="3" valign="top"><img src="../../images/store/paypal_view-cart.gif" width="72" height="80" /></td>
  <td width="41" rowspan="3" valign="top"><img src="../../images/store/paypal_info.gif" width="41" height="80" /></td>
  </tr>
  <tr>
    <td width="10" height="60" valign="top" bgcolor="#999999"><a href="../../center_store.html" target="itemdetails"></a><img src="../../images/store/items/00pixel.gif" width="10" height="60" /></td>
  <td width="60" valign="top" bgcolor="#202020"><img src="../../images/store/items/cd_small_symptomatic-of-a-greater-ill.gif" width="60" height="60" /></td>
    <td width="10" height="60" valign="top"><img src="../../images/store/items/00pixel.gif" width="10" height="60" /></td>
    <td width="286" height="60" valign="top" bgcolor="#202020"><span class="Stil1">Symptomatic of a Greater Ill</span> <span class="Stil7">NEW </span><br />
        <span class="Stil6">Autographed Version!</span><br />
        <span class="Stil4">Mindbenda Recordings</span><span class="Stil5">
<br />
Rate: <?
$rater_id="vinyl_symptomatic-of-a-greater-ill";
$rater_item_name='';
include("stars.php");
?> Format: CD Price: 14.99$	
    </span></td>
  </tr>
  
  <tr>
    <td height="10" colspan="4" valign="top" bgcolor="#FFFFFF"><img src="../../images/store/item_bottom-border.gif" width="366" height="10" /></td>
  </tr>
  <tr>
    <td height="38"></td>
    <td></td>
    <td></td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td height="10" colspan="7" valign="top" bgcolor="#FFFFFF"><img src="../../00layout/border/border_1px.gif" width="580" height="10" /></td>
  </tr>
  <tr><td height="10" colspan="4" valign="top"><img src="../../images/store/items/00pixel.gif" width="366" height="10" /></td>
    <td width="101" rowspan="3" valign="top"><img src="../../images/store/paypal_add-to-cart.gif" width="101" height="80" /></td>
  <td rowspan="3" valign="top"><img src="../../images/store/paypal_view-cart.gif" width="72" height="80" /></td>
  <td rowspan="3" valign="top"><img src="../../images/store/paypal_info.gif" width="41" height="80" /></td>
  </tr>
  <tr>
    <td height="60" valign="top" bgcolor="#999999"><a href="../../center_store.html" target="itemdetails"></a><img src="../../images/store/items/00pixel.gif" width="10" height="60" /></td>
  <td valign="top" bgcolor="#202020"><img src="../../images/store/items/cd_small_symptomatic-of-a-greater-ill.gif" width="60" height="60" /></td>
    <td valign="top"><img src="../../images/store/items/00pixel.gif" width="10" height="60" /></td>
    <td valign="top" bgcolor="#202020"><span class="Stil1">Symptomatic of a Greater Ill</span> <span class="Stil7">NEW </span><br />
        <span class="Stil6">Autographed Version!</span><br />
        <span class="Stil4">Mindbenda Recordings</span><span class="Stil5">
<br />
Rate: <?
$rater_id="vinyl_symptomatic-of-a-greater-ill";
$rater_item_name='';
include("stars.php");
?> Format: CD Price: 14.99$	
    </span></td>
  </tr>
  
  <tr>
    <td height="10" colspan="4" valign="top" bgcolor="#FFFFFF"><img src="../../images/store/item_bottom-border.gif" width="366" height="10" /></td>
  </tr>
  <tr>
    <td height="10" colspan="7" valign="top" bgcolor="#FFFFFF"><img src="../../00layout/border/border_1px.gif" width="580" height="10" /></td>
  </tr>
  <tr><td height="10" colspan="4" valign="top"><img src="../../images/store/items/00pixel.gif" width="366" height="10" /></td>
    <td width="101" rowspan="3" valign="top"><img src="../../images/store/paypal_add-to-cart.gif" width="101" height="80" /></td>
  <td rowspan="3" valign="top"><img src="../../images/store/paypal_view-cart.gif" width="72" height="80" /></td>
  <td rowspan="3" valign="top"><img src="../../images/store/paypal_info.gif" width="41" height="80" /></td>
  </tr>
  <tr>
    <td height="60" valign="top" bgcolor="#999999"><a href="../../center_store.html" target="itemdetails"></a><img src="../../images/store/items/00pixel.gif" width="10" height="60" /></td>
  <td valign="top" bgcolor="#202020"><img src="../../images/store/items/cd_small_symptomatic-of-a-greater-ill.gif" width="60" height="60" /></td>
    <td valign="top"><img src="../../images/store/items/00pixel.gif" width="10" height="60" /></td>
    <td valign="top" bgcolor="#202020"><span class="Stil1">Symptomatic of a Greater Ill</span> <span class="Stil7">NEW </span><br />
        <span class="Stil6">Autographed Version!</span><br />
        <span class="Stil4">Mindbenda Recordings</span><span class="Stil5">
<br />
Rate: <?
$rater_id="vinyl_symptomatic-of-a-greater-ill";
$rater_item_name='';
include("stars.php");
?> Format: CD Price: 14.99$	
    </span></td>
  </tr>
  
  <tr>
    <td height="10" colspan="4" valign="top" bgcolor="#FFFFFF"><img src="../../images/store/item_bottom-border.gif" width="366" height="10" /></td>
  </tr>
  <tr>
    <td height="10" colspan="7" valign="top" bgcolor="#FFFFFF"><img src="../../00layout/border/border_1px.gif" width="580" height="10" /></td>
  </tr>
  <tr><td height="10" colspan="4" valign="top"><img src="../../images/store/items/00pixel.gif" width="366" height="10" /></td>
    <td width="101" rowspan="3" valign="top"><img src="../../images/store/paypal_add-to-cart.gif" width="101" height="80" /></td>
  <td rowspan="3" valign="top"><img src="../../images/store/paypal_view-cart.gif" width="72" height="80" /></td>
  <td rowspan="3" valign="top"><img src="../../images/store/paypal_info.gif" width="41" height="80" /></td>
  </tr>
  <tr>
    <td height="60" valign="top" bgcolor="#999999"><a href="../../center_store.html" target="itemdetails"></a><img src="../../images/store/items/00pixel.gif" width="10" height="60" /></td>
  <td valign="top" bgcolor="#202020"><img src="../../images/store/items/cd_small_symptomatic-of-a-greater-ill.gif" width="60" height="60" /></td>
    <td valign="top"><img src="../../images/store/items/00pixel.gif" width="10" height="60" /></td>
    <td valign="top" bgcolor="#202020"><span class="Stil1">Symptomatic of a Greater Ill</span> <span class="Stil7">NEW </span><br />
        <span class="Stil6">Autographed Version!</span><br />
        <span class="Stil4">Mindbenda Recordings</span><span class="Stil5">
<br />
Rate: <?
$rater_id="vinyl_symptomatic-of-a-greater-ill";
$rater_item_name='';
include("stars.php");
?> Format: CD Price: 14.99$	
    </span></td>
  </tr>
  
  <tr>
    <td height="10" colspan="4" valign="top" bgcolor="#FFFFFF"><img src="../../images/store/item_bottom-border.gif" width="366" height="10" /></td>
  </tr>
  <tr>
    <td height="10" colspan="7" valign="top" bgcolor="#FFFFFF"><img src="../../00layout/border/border_1px.gif" width="580" height="10" /></td>
  </tr>
  <tr><td height="10" colspan="4" valign="top"><img src="../../images/store/items/00pixel.gif" width="366" height="10" /></td>
    <td width="101" rowspan="3" valign="top"><img src="../../images/store/paypal_add-to-cart.gif" width="101" height="80" /></td>
  <td rowspan="3" valign="top"><img src="../../images/store/paypal_view-cart.gif" width="72" height="80" /></td>
  <td rowspan="3" valign="top"><img src="../../images/store/paypal_info.gif" width="41" height="80" /></td>
  </tr>
  <tr>
    <td height="60" valign="top" bgcolor="#999999"><a href="../../center_store.html" target="itemdetails"></a><img src="../../images/store/items/00pixel.gif" width="10" height="60" /></td>
  <td valign="top" bgcolor="#202020"><img src="../../images/store/items/cd_small_symptomatic-of-a-greater-ill.gif" width="60" height="60" /></td>
    <td valign="top"><img src="../../images/store/items/00pixel.gif" width="10" height="60" /></td>
    <td valign="top" bgcolor="#202020"><span class="Stil1">Symptomatic of a Greater Ill</span> <span class="Stil7">NEW </span><br />
        <span class="Stil6">Autographed Version!</span><br />
        <span class="Stil4">Mindbenda Recordings</span><span class="Stil5">
<br />
Rate: <?
$rater_id="vinyl_symptomatic-of-a-greater-ill";
$rater_item_name='';
include("stars.php");
?> Format: CD Price: 14.99$	
    </span></td>
  </tr>
  
  <tr>
    <td height="10" colspan="4" valign="top" bgcolor="#FFFFFF"><img src="../../images/store/item_bottom-border.gif" width="366" height="10" /></td>
  </tr>
  <tr>
    <td height="10" colspan="7" valign="top" bgcolor="#FFFFFF"><img src="../../00layout/border/border_1px.gif" width="580" height="10" /></td>
  </tr>
  <tr><td height="10" colspan="4" valign="top"><img src="../../images/store/items/00pixel.gif" width="366" height="10" /></td>
    <td width="101" rowspan="3" valign="top"><img src="../../images/store/paypal_add-to-cart.gif" width="101" height="80" /></td>
  <td rowspan="3" valign="top"><img src="../../images/store/paypal_view-cart.gif" width="72" height="80" /></td>
  <td rowspan="3" valign="top"><img src="../../images/store/paypal_info.gif" width="41" height="80" /></td>
  </tr>
  <tr>
    <td height="60" valign="top" bgcolor="#999999"><a href="../../center_store.html" target="itemdetails"></a><img src="../../images/store/items/00pixel.gif" width="10" height="60" /></td>
  <td valign="top" bgcolor="#202020"><img src="../../images/store/items/cd_small_symptomatic-of-a-greater-ill.gif" width="60" height="60" /></td>
    <td valign="top"><img src="../../images/store/items/00pixel.gif" width="10" height="60" /></td>
    <td valign="top" bgcolor="#202020"><span class="Stil1">Symptomatic of a Greater Ill</span> <span class="Stil7">NEW </span><br />
        <span class="Stil6">Autographed Version!</span><br />
        <span class="Stil4">Mindbenda Recordings</span><span class="Stil5">
<br />
Rate: <?
$rater_id="vinyl_symptomatic-of-a-greater-ill";
$rater_item_name='';
include("stars.php");
?> Format: CD Price: 14.99$	
    </span></td>
  </tr>
  
  <tr>
    <td height="10" colspan="4" valign="top" bgcolor="#FFFFFF"><img src="../../images/store/item_bottom-border.gif" width="366" height="10" /></td>
  </tr>
  <tr>
    <td height="10" colspan="7" valign="top" bgcolor="#FFFFFF"><img src="../../00layout/border/border_1px.gif" width="580" height="10" /></td>
  </tr>  
</table>
Wie bekomme ich diesen ungewollten Abstand weg?:rolleyes:
Ich würde mich wirklich sehr über Hilfen freuen!
Vielen dank!


edt:

So schauts in Dreamweaver aus..
screenws0.gif
 
Zuletzt bearbeitet:
Vielleicht hilft es weiter, wenn die Polsterungseigenschaften des Formulars auf null gesetzt werden?

Dies kannst Du mit CSS regeln:

Code: 
form {
margin: 0;
padding: 0;
}
 
Ich weiß zwar derzeit nicht, was für die Verschiebung bzw. Lücke verantwortlich ist, aber das Formular ist es definitiv nicht. Denn wenn ich es aus dem Quellcode nehme, ist die Lücke noch immer vorhanden.
 
Okay.. ich hab schon sehr lange daran rumrobiert und irgendwie lag es an der form oder bestimmt mal wieder an Dreamweaver.. Mh, naja.. ich hab das Problem jetzt anders, nicht so elegant gelöst. Ich hab einfach eine Iframe verwendet.. klappt super :)

Ich danke dir! Ich hätte wohl noch viel länger dran rumgebastelt, nun hast mich auf die Iframeidee gebracht, danke! :)
 
So, ich hab nun auch den "Übeltäter" gefunden:

Code: 
<tr>
    <td height="10" colspan="4" valign="top" bgcolor="#FFFFFF"><img src="../../images/store/item_bottom-border.gif" width="366" height="10" /></td>
  </tr>
  <tr>
    <td height="38"></td>
    <td></td>
    <td></td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
 
Dann markiere das "gelöste" Thema bitte als erledigt, indem Du den "Status"-Button klickst. Vielen Dank ;)
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück