formulier in tabel

Line-height

Je zou het ook zonder tabel kunnen doen en een <button> (type="submit") kunnen stylen?

Line-height werkt alleen als ik hem als styling in de verzendknop plak (resultaat halve knop).

Zet ik hem in TR of Form geeft dat geen effect.

Kan je het formulier niet OM de tabel plaatsen?

Nogmaals, als het enige zichtbare element de submit-knop is, waarom geef je die dan geen opmaak? Je hebt de meeste controle over de opmaak hiervan als je een <button> gebruikt. Hoe minder elementen je hebt om op te maken (geen tabel) hoe makkelijker e.e.a. wordt?

Laten we het anders eens omdraaien. Wat heb je nu, en wat lukt er niet / wil je bereiken?

NB het form veld en de input velden hebben zelf ook een marge. Die maken waarschijnlijk de cel groter. Maar nogmaals, waarom heb je uberhaupt een tabel nodig?

-Uit een database wordt data opgevraagd middels een querie.
-Het resultaat hiervan wordt weergegeven in een tabel
-De tabel om de volgende reden: de kolommen worden netjes voorzien van een een kopje en alle kolommen worden netjes uitgelijnd verder geen omkijken meer naar.

De bedoeling is om aan de resultaatrijen een updateknop toe te voegen teneinde, het weergegeven record te kunnen veranderen. Deze updateknop ook in de tabel om bovenstaande reden. Alles wordt netjes uitgelijnd.

Het werkt op zich ook prima, alleen de wijzigknop vraagt zoveel ruimte dat de regelhoogte dusdanig hoog wordt dat het geheel er niet mooi uit ziet.

Ik wil dus alle ruimte om de knop kwijt. Althans zodanig verminderen dat ik een normale regelhoogte houd.

[size=xsmall]Toevoeging op 31/03/2019 23:16:35:[/size]

Bijgevoegde voorbeeldjes laten zien wat ik bedoel:
http://andykort.nl/tabel.html

Tabel A: normale weergave
Tabel B: weergave met knop (zonder enig inputveld)
Tabel C: weergave met knop (5 hidden inputvelden)

Een float: left; op die input velden lost je probleem waarschijnlijk op.

EDIT: overigens heeft bijna elke browser tegenwoordig een CSS-inspector die meestal te vinden is onder de F12-functietoets. Hiermee kun je elementen inspecteren en de CSS in real time aanpassen.

Hiermee kun je dit soort problemen snel localiseren, dingen uitproberen en ook oplossen.

Zo kan ook:

<TABLE BORDER="1">
<TR> <TD>a1</TD> <TD>a2</TD> </TR>
<TR> <TD>b1</TD> <TD style="background-color:gray;cursor:pointer;" onclick="document.getElementById('formulier').submit();"><FORM METHOD="post" id="formulier" ACTION="form2mail.php" >
<input type="hidden" value="" name="test0">wijzig
</FORM></TD> </TR>
</TABLE>

Zoals al eerder werd vermeld : een TABLE in een FORM

Zo iets :

A:
<table border="1">
<tr> <td>a1</td> <td>a2</td> </tr>
<tr> <td>b1</td> <td>b2</td> </tr>
</table>


B:
<form method="post" action="form2mail.php">

<table border="1">
<tr><td>a1</td><td>a2</td></tr>
<tr><td>b1</td><td>
<input type="submit" value="wijzig" name="verzend" />
</td></tr>
</table>

</form>

C:
<form method="post" action="form2mail.php">

<table border="1">
<tr><td>a1</td><td>a2</td></tr>
<tr><td>b1</td><td>
<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" />
</td></tr>
</table>

</form>

float-left werkt niet.

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

Als ik echter Line-Height in de betreffende TR plak werkt deze nu wel en in de andere situaties niet. Dus is al een eind bruikbaar. Bedankt.