Trying to align button with textbox...

[monkeyboy]

Hello there.

I can't seem to align this submit button horizontally with the textbox:

http://www.chuffingmarvellous.com/photo/photos.htm

Can anyone help?

Cheers.

[sleipner]

do you mean because of the non-breaking spaces between the input and submit?

<input id="photos" type="password" size="10">

&nbsp;&nbsp;
  <input type="image" value="submit" src="../images/go.gif" width="18" height="18" border="0" alt="go" name="image">

if I understand your problem right, kill the nonbreaking spaces - thats the problem I see...

[monkeyboy]

Hi there. Have taken the spaces out but the textbox and the button still don't seem to be level... button is always a bit higher for some reason...

[monkeyboy]

Aha! I do believe I've cracked it! 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.

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

[sleipner]

it wouldnt exactly be recommended, but if the button is only about 5 or 10 pixels away, I guess you could absolutely position the button with the style attribute on the button

style="-/+#px"

where the red -/+ is the negative or positive number of pixels away from where the button actually is

[markricard]

Put a style on your submit button itself by specifying a class then in that class use:

.yourButtonClass {
vertical-align: bottom;
}

Hope this helps.