How to remove space between header graphic and navigation
Permalink</head>
<body>
<div id="page">
<div id="header">
<p><a href="#"><img src="<?=$this->getThemePath()?>/Lark Energy static banner.jpg" /></a></p>
<div id="header-area">
<div id="navigation">
<div id="main-nav">
<ul class="tabbed">
<li><a href="http://www.larkenergy.co.uk/index.php?cID=1">Home</a></li>
<li><a href="http://www.larkenergy.co.uk/news">News</a></li>
<li><a href="http://www.larkenergy.co.uk/about-us">About Us</a></li>
<li><a href="http://www.larkenergy.co.uk/Projects">Projects</a></li>
<li><a href="http://www.larkenergy.co.uk/pv">PV</a></li>
<li><a href="http://www.larkenergy.co.uk/retrofit">Retrofit</a></li>
<li><a href="http://www.larkenergy.co.uk/contact-us">Contact Us</a></li>
</ul>
<div class="clearer"> </div>
<div class="clearer"> </div>
</div>
<div class="clearer"> </div>
<div class="divider"></div>
<div id="header-area-inside">
<?php
$ah = new Area('Header');
$ah->display($c);
?>
</div>
<?php if ($ah->getTotalBlocksInArea() > 0) { ?>
<div class="clearer"> </div>
<div class="clearer"> </div>
<?php } ?>
</div>
</div>
The small 5px gap you still have left between header image and navigation comes from a top margin setting in your main.css:
#page #header #header-area { margin-bottom:5px; margin-top:5px; /* <-- remove this or comment it out */ }
<p><a href="#"><img src="/concrete/themes/default/Lark Energy static banner v2.jpg" /></a></p>
You could deal with this by changing the code to this
<a href="#"><img src="/concrete/themes/default/Lark Energy static banner v2.jpg" /></a>
Or you could add a reset.css to prevent the browser from using its default css styling, if you add a reset css file make sure it is included in your header BEFORE your theme css files..
EDIT
You could also add some inline styling to the <p> tag like this
<p style="margin:0pt"><a href="#"><img src="/concrete/themes/default/Lark Energy static banner v2.jpg" /></a></p>
Instead you could use a top margin to still maintain the white space between your paragraphs but get rid of the space between header image and menu:
When you use a top margin you need to be aware the space between headings and paragraphs will be changed too. To overcome this you will have to sett bottom margins for your headings too: