[SOLVED] Page menu with search bar 'how to remove white space' at the top of the menu
 

www.lostdogswestmidlands.co.uk

Problem is white space above the black border below the header on the 'Page menu color blue with search bar'

Please how can I remove the white space above the black border

I have positioned the search bar

search Box - When I remove the code below from the configure header area, it corrects itself,
the white space disappears

Search Box:
valign:top;
margin-bottom: -250;
padding: 0;
position: relative;
top:12px;
font: .80em candara, trebuchet ms, cali;
width: 25%;
height: 0;

I usually can find answers in the forum but totally stumped and would appreciate little help, thanks in advance

did you look at the site with a code inspector?

Yes I use firebug

its the td-search-box

I just can't see it, have spend couple nights twiddling, when I delete the node, the line disappears

Juggledad please can you move this to the Gold forum, I should have posted in there. Thank you

For something like this I generally use absolute postioning. Here is some sample code.

Larry's almost right. Get rid of the 'height: 0px;' you have in 'div.searchbox' and use

My code relates to .search-box and gets rid of the white space.

I think Juggledad's relates to .searchbox but in my test didn't get rid of the white space.

Thanks to both of you its perfect, I have posted the code from 'Style the search box in the header' ATO options for any forum member to share.

Search Box:
align:top;
margin-bottom: -250;
position: absolute;
top: 260px;
font: .80em georgia, tahoma, verdana;
width: 25%;
right: 0px;
z-index: 99;

www.lostdogswestmidlands.co.uk

Thank you, I try not to ask as find the forum an extremely useful tool for research, this time I have learnt about the rule 'z-index: 99;' thou what it means is another matter ;-)