Menu height issue with text form

Taken From The Forum:
Forum Topic:
Last Updated: Saturday July 14 2012 - 06:07:51

Menu height issue with text form

Poster: alabuc
Dated: Sunday December 21 2003 - 23:37:09 GMT

Hey, I have a search box In my horizontal menu, as you can see, it makes the menu taller than it should be, i know it is the text form that is doing this because if i take it out it goes back to one line:

http://www.alabu.com/menutest.html

The menu data file is at:

http://www.alabu.com/includes/java/menu_data.js

All I want is for the menu to be one line tall. I see that at

http://www.soem.com

the menu is only one line tall, however it appears that this menu is attatched to a table, which i cannot do because i am using followscroll.

Any help would be appreciated, Thanks

Poster: Ruth
Dated: Tuesday December 23 2003 - 2:19:29 GMT

If you look at the page source for that example you gave, it has the following.

Code:

<LINK 
href="belvoir.css" 
rel=stylesheet type=text/css>

Which controls a lot on the page, including the form height. I think this is the relevant part

Code:

INPUT{
   FONT-FAMILY: Verdana, Arial, Tahoma; FONT-SIZE: 10px; MARGIN: 0px; PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
TEXTAREA {
   FONT-FAMILY: Verdana, Arial, Tahoma; FONT-SIZE: 10px; MARGIN: 0px; PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
SELECT {
   FONT-FAMILY: Verdana, Arial, Tahoma; FONT-SIZE: 10px; MARGIN: 0px; PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}

FORM {
   FONT-FAMILY: Verdana, Arial, Tahoma; FONT-SIZE: 10px; MARGIN: 0px; PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}

Good Luck. Merry Christmas

Poster: alabuc
Dated: Tuesday December 23 2003 - 3:05:31 GMT

THANK YOU THANK YOU THANK YOU THANK YOU

i never would have thought of that in a million years, your really sharp, thanks man.

Poster: Ruth
Dated: Tuesday December 23 2003 - 5:22:22 GMT

You're welcome. I experimented, using the example page files with your page, until I found out which was making it the right size....

Ruth

Industrial Strength JavaScript and DHTML Menus

Menu height issue with text form