Form / Table Spacing and Layout
I am trying to get rid of the spacing below each cells of my form. It is making my long form, really long. My upper margin is 2px, but I have approximately 15px on low side which I can not get rid of.
I can modify my css, but not sure how to manipulate margins and spacing on these tables/ forms.
This is the modified css I am adding:
table th, table td {
padding: 0px;
text-align: left;
border-width: 0px;
border-style: solid;
vertical-align: middle;
}
* Table */
table {
border-collapse: separate !important; border-spacing: 0 2px; font-size: 100%; vertical-align: right;
}
table thead th {
font-size: 16px; width: 100%;
}
table th, table td {
border-width: 0; padding: 3px 0px 0px 3px;
}
I know a lot of this is not needed, I am trying to figure this out.
Here is my site so you can see extra spacing. http://www.speedthro.com/contact/
On my other website, i do not have this issue using exact form html. http://www.magicofspeed.com/contact/
Any help would be appreciated. I would love to see all css to manipulate saying of these tables / forms. TY
Comments
to remove those margins between inputs, you need to use extra css:
input[type="date"], input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], select, textarea { margin: 0 !important; }