2 replies [Last post]
reverb45
Offline
newbie
Last seen: 17 years 10 weeks ago
Joined: 2004-09-24
Posts: 2
Points: 0

This textbox seems to have a top and bottom padding that I can't get rid of. Here is the source. The textbox and cells have a height of 19 px so everything should fit tight. There shouldn't be any space above or below the textbox. I colored the cells to show this and there shouldn't be any pink showing above or below the textbox.

Thanks in advanced for any suggestions you may have

<html>
<head>
<title></title>
</head>

<style type="text/css">
<!--
.txtMain {font-size:11px; font-family: Verdana; border: 1px solid #7F9DB9; height:19px; margin-bottom:0px;margin-left:0px;margin-right:0px;margin-top:0px;padding-bottom:0px;padding-left:0px;padding-right:0px;padding-top:0px;}

TD {font-size: 8pt; font-family: Verdana; height:19px;}
TH {font-size: 8pt; font-family: Verdana; height:19px;}
-->
</style>

<body>
<table border="0" cellpadding="0" cellspacing="0" width="300" bgcolor="#F7FDAC" >
<tr bgcolor="#EFAB18">
<td align="right">E-mail:&nbsp;</td>
<th align="left" bgcolor="#18EF18">[email protected]</th>
</tr>
<tr bgcolor="#18ECEF">
<td align="right">First Name:</td>
<td valign="top" bgcolor="#F900BC">
<input type="text" id="FirstName" name="FirstName" value="Noel" class="txtMain"></td>
</tr>
</table>
</body>
</html>

seb
Offline
Enthusiast
Last seen: 14 years 44 weeks ago
Joined: 2003-09-20
Posts: 208
Points: 0

Textbox Padding

make sure the margin and padding on both your text and the input box are set to 0. Then try changing the line-height value.

wolfcry911
wolfcry911's picture
Offline
Guru
MA, USA
Last seen: 7 years 39 weeks ago
MA, USA
Timezone: GMT-5
Joined: 2004-09-01
Posts: 3224
Points: 237

Textbox Padding

sidenote: place the style declarations in the head