How do I stop textboxes doing this?

[PoorDoggie]

I have a normal textbox:

<input name="q" />

and it is in a set height <td></td> yet it forces the cell to become bigger, although it is not bigger than the cell.

I have attached a screenshot, and this displays my problem. The "navigation" bar is supposed to end before that massive dark green horizontal line, yet the text box pushes it down!

 

[Ray]

valign="middle" should do the trick... Put that in yout row Properties... and make sure the cell is the same size at the backround bar (height)

 

[Jon_]

I had this same problem not too long ago. I used CSS to align it right, it did a great job. I'm sorry, I can't find the exact code, but I hope that I helped.

 

[PoorDoggie]

valign="middle" should do the trick... Put that in yout row Properties... and make sure the cell is the same size at the backround bar (height)

yes. I have already tried that, thanks, didn't do much good.

I had this same problem not too long ago. I used CSS to align it right, it did a great job. I'm sorry, I can't find the exact code, but I hope that I helped.

erm. Do you mean left & top positions? My page is centered, so if anyone has a high or low resoloution the text box will be badly aligned.

 

[gamex]

Can you post the code?

Try something like this:

form, input {
   padding: 0 0 0 0;
}

 

[cytech]

Hey,

I use

margin:0px

and that works for me.

 

[gamex]

Maybe thats it, I know there is some sort of padding or margin in the form tag, so maybe something like this will work:

form, input {
   padding: 0 0 0 0;
   margin: 0 0 0 0;
}

 

[PoorDoggie]

will have a go thanks!

nope, dosen't seem to work!

this is the code btw:

<td class="nav" align="right" valign="top" width="100%" height="24">
      			<a href="http://search.poordoggie.co.uk">
     				<img src="images/search.gif" width="48" height="24" border="0" alt="Search PoorDoggie." /></a><input name="q" class="search" /><img src="images/go.gif" alt="go!" /></td>

 

[mr-x]

<input name="q" class="search" style="padding:0px; margin:0px; font-size:10px; " />

Play around with the font and padding. vertical-align:middle might help,

http://www.jakpsatweb.cz/css/css-vertical-center-solution.html

 

[PoorDoggie]

already done that... text is tiny, and the box has no padding whatsoever, although it still has the same problem!