align textbox with submit button

[monkeyboy]

Hello there.

I can't seem to align this (http://www.chuffingmarvellous.com/photo/photos2.htm) submit button horizontally with the textbox.

Can anyone help?

Cheers.

[Pennimus]

You mean vertically right?

This is something that has personally caused me many headaches as well and so far I haven't found a solution to it. Logically, you would contain the submit button in a div and have both set to vertical-align: middle. However, this doesn't seem to work when applied to custom buttons which exhibit strange vertical alignment behaviours (it works fine with standard buttons, I might add).

You can fiddle around with padding but whatever you do it never seems to display the same in Internet Explorer and FF (for what it's worth, I think IE handles this better). But basically, I can't help, I just wanted to chip in here and add myself to those eargerly awaiting a solution :rolleyes:

[monkeyboy]

Erm, I meant horizontally in the sense of on the same 'level'... the button always seem to be a bit higher than the textbox.

Thanks for your help, will see if anyone has a magic cure. until then I have a disastrously inadequate solution (http://www.chuffingmarvellous.com/photo/photos2.htm)!

P.

[monkeyboy]

Aha! I do believe I've cracked it (http://www.chuffingmarvellous.com/photo/photos.htm)! And all with a strategically placed table.

Actually, it still doesn't line up quite exactly, but it's close enough for me... as only a few of my friends will be looking at these particular photos, and I don't think they'll notice! I don't have the same problem with my page of nice photos (http://www.chuffingmarvellous.com/files/other/nicephotos.htm).

I'll be keeping an eye out here for other ideas though... P.

[Pennimus]

You probably want to take a look at it in firefox -- not pretty.

[monkeyboy]

Erm, Firefox seems to look ok on my Mac... (apart from the fact that my splash main index page won't go full page for some reason). Is it bad on a PC?