formulier in tabel

Door Andy Kort op 31-03-2019 13:49

3.562 views

Ik wil een formulier in een tabel opnemen met alleen hidden-input en een zichtbare verzendknop. Dat gaat allemaal prima. Alleen als ik die knop opneem wordt de tabelregels veel te hoog. Zie bijgevoegd codevoorbeeld. Ik wil de ruimte onder de knop kwijt. Iemand enige idee. paddin en margin op 0 in de code heb ik al geprobeerd maar dat lukt niet.

<TABLE BORDER="1">
<TR> <TD>a1</TD> <TD>a2</TD> </TR>
<TR> <TD>b1</TD> <TD>b2</TD> </TR>
</TABLE>

<TABLE BORDER="1">
<TR> <TD>a1</TD> <TD>a2</TD> </TR>
<TR> <TD>b1</TD> <TD style="margin:0px;"><FORM METHOD="post" ACTION="form2mail.php" >
<input type="hidden" value="" name="test0">

<input type="submit" value="wijzig" name="verzend" >
</FORM></TD> </TR>
</TABLE>

Ozzie PHP

01-04-2019 11:30 gewijzigd op 01-04-2019 11:31

Als je een voorbeeldje online zet of even de URL geeft van het formulier, dan ben je waarschijnlijk binnen 10 minuten geholpen. Het is nu een beetje 'gokken' wat er misgaat.

Thomas van den Heuvel

01-04-2019 15:14 gewijzigd op 01-04-2019 15:15

Andy Kort op 01/04/2019 11:27:06
float-left werkt niet.

Ik heb je bovenstaande code geprobeerd, daarmee krijg ik hetzelfde resultaat als daarvoor (te hoge rijen)

Weet niet wat je precies gedaan hebt en/of welke browser jij gebruikt, maar als ik een float: left; op de exacte code van jouw inputvelden toepas (specifiek: regel 13 en 27) gaat het hier goed:

A:
<TABLE BORDER="1">
<TR> <TD>a1</TD> <TD>a2</TD> </TR>
<TR> <TD>b1</TD> <TD>b2</TD> </TR>
</TABLE>


B:
<TABLE BORDER="1">
<TR> <TD>a1</TD> <TD>a2</TD> </TR>
<TR > <TD>b1</TD> <TD  ><FORM METHOD="post" ACTION="form2mail.php">

<input type="submit" value="wijzig" name="verzend" style="float: left;">
</FORM></TD> </TR>
</TABLE>

C:
<TABLE BORDER="1">
<TR> <TD>a1</TD> <TD>a2</TD> </TR>
<TR > <TD>b1</TD> <TD  ><FORM METHOD="post" ACTION="form2mail.php">
<input type="hidden" name ="a">
<input type="hidden" name ="b">
<input type="hidden" name ="c">
<input type="hidden" name ="d">
<input type="hidden" name ="e">

<input type="submit" value="wijzig" name="verzend" style="float: left;">
</FORM></TD> </TR>
</TABLE>

Werkt i.i.g. in IE en Chrome.

Andy Kort

01-04-2019 19:08

Vreemd. Kennelijk had ik hem dan toch niet goed geplaatst. Het werkt hier inderdaad ook prima. Ik ben er mee geholpen en kan verder. Zeer bedankt.

Met vr. groet

Reageren

Inloggen om te reageren