TutorialMS Community Forum

Full Version: Space between header and menu
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Hope it's the right category

I have changed the header and menu on my site, but there's a about 22px space between the header and menu, I've looked in the css, but I can't find were to fix it.

Anyone know?

You can see it here:
http://jayj.dk/tutorial/



/ Jay
Hi. In the "header" template you can edit the height, width, padding and border of the search box. You must be looking at the site with Internet Explorer. That browser renders some things "uniquely". In Firefox your site looks fine, though in Opera it has what appears an 11px gap.

When I tried adjusting my search box one of the browsers always had to pay the price because of different renderings, so you might consider doing what I and others have done and move the search box to the right column.

Hope this helps.
It fixes some of my other problems, but the space is still there :|
In your "header" template find the following code and comment out as indicated:

Code:
<div id="searchheader">

<!-- COMMENT OUT FROM HERE

                <if condition="$config[MOD_REWRITE_ON] == 1"><form action="$config[HTTP_SERVER]tutorials/" method="GET"><else /><form action="$config[HTTP_SERVER]tutorials.php" method="GET"></if>
                
                <input value="Search tutorials.." onfocus="clear_search()" type="text" size="31" style="color:#449cdb;background: url($config[HTTP_SERVER]images/search_bg.gif) no-repeat;width:213px;height:35px;padding:12px 11px 0px 15px;border:0px;margin-top: 50px;" id="headersearch" name="search" />
                <input type="hidden" name="cat" value="all" />
                </form>
DOWN TO HERE -->
            </div>

This way you can tell for sure if the search box is causing the space. Like I mentioned, it was the issue with my install so I'm assuming it's the same with yours.

If it is the search box, remove the "<!-- COMMENT OUT TAGS -->" and try reducing the "margin-top:50px" to "margin-top:28px". That should take care of the extra 22px underneath, but it will look different in Firefox and Opera.

Hope this helps.
Thanks Big Grin
Reference URL's