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.

.search-box {
    position: absolute;
    top: 246px;
    width: 1000px;
}

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

position: absolute;
top: 261p;
right: 0px;
z-index: 99;

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 ;-)