Pulldown menus not lining up!!

[dottieandbelle]

I always seem to have trouble getting my HTML form elements like pulldown menus and text fields to line up with surrounding images within a TD. They are falling to the bottom of the TD even though I specified valign=top. Here's an example of how they look:

http://www.dottieandbelle.com/act/

Can someone suggest how to make them vertically centered within that white strip near the top of the page?

 

[BillyRayPreachersSon]

Have a read up on the "vertical-align" CSS property.

Hope this helps,
Dan



[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[dottieandbelle]

I did "have a read up" on that and although I know that applies to images and regular HTML elements -- I'm still unable to get it to apply to funky form elements. Where would I insert the style? In the TD? In the <select> tag?

 

[BillyRayPreachersSon]

Off the top of my head, I can't say. I'd have to read up on it to tell you... so why not read up yourself and find out?



[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[dottieandbelle]

I have spent hours trying to read up on it myself and can't find an answer. That's why I'm posting -- to see if anyone else has run into a similar problem and has a solution. Isn't that what this forum is for?

 

[BillyRayPreachersSon]

OK - let's go about it a different way (not wanting to get my book out ;-)).

Give the surrounding TD an ID of, say, "wibble", and add this to your CSS:

#wibble select {
   margin-bottom: 10px;
}

Works for me in Fx1.5... Not tested in any other browser.

Hope this helps,
Dan

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[Vragabond]

Adding vertical-align: top; to the img and select box will shove it to the top of the cell. A little less offensive approach will yield more people willing to help.

 

[dottieandbelle]

Thanks, I will try that. Someone else said it had something to do with where you place the form tag, and to nest it within a td of another table, so I'll try that too.