Urgent Please help header.php trying to insert custom banner. Leaving a gap

In the image below you can see the gap between the slider and the banner. It is a Wordpress site. Any help would be greatly appreciated. Here is the code i inserted into the header.php file:

Here is the header code, do i need to add something to the css file or function.php file?:

    </div>
            <div id="nav-slider">
                <div id="slider" class="nivoSlider">
                    <img src="<?php bloginfo( 'template_url' ); ?>/img/slider-1.jpg" alt="Family Owned by Bill Worlock" />
                    <a href="http://localhost/phoenix/?page_id=16"><img src="<?php bloginfo( 'template_url' ); ?>/img/slider-7.jpg" alt="$29.95 Service Call" /></a>
                    <a href=" http://localhost/phoenix/?page_id=90"><img src="<?php bloginfo( 'template_url' ); ?>/img/slider-2.jpg" alt="$50 Off Any Repair" /></a>
                    <a href=" http://localhost/phoenix/?page_id=90"><img src="<?php bloginfo( 'template_url' ); ?>/img/slider-3.jpg" alt="$250 Gift Card for Any New Full System Installation" /></a>
                    <img src="<?php bloginfo( 'template_url' ); ?>/img/slider-4.jpg" alt="Worlock Air Conditioning is family owned, operated and provides the best service possible" />
                    <a href=" http://localhost/phoenix/?page_id=90"><img src="<?php bloginfo( 'template_url' ); ?>/img/slider-5.jpg" alt="$1250 Instant Rebate on new high efficiency systems" /></a>
                </div>
                <div id="primary">
                    <?php 
                     // Custom widget Area Start
                        if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('Funnel') ) : ?>
                        <?php endif;
                    // Custom widget Area End
                    ?>
                </div>
	<div id="banner"><a href=" index.php/?page_id=90"><img src="http://www.worlockacservice.com/wp-content/uploads/2014/06/home-banner-1-hour-response.png" alt=""/></a></div>
            </div>               
        </div> <!-- / #header -->

        

    </div> <!-- / #wrapper-header -->

You have bigger problems than that.

It looks like your Wordpress site has been hacked. It is redirecting to other sites and also the whole display is messed up without some of the CSS being loaded by the look of it.

Not sure what Valkrider was talking about as I can see the site just fine and suspect it is his computer that has been hacked.

Anyway, you can’t just insert a DIV anywhere you want. Especially in a Wordpress system.
You placed a

tag inside of another DIV and outside of others. To solve this the
correct way, you would have to know all of the layouts for all of the DIV’s.

But, for a work-around, you could try setting the top margin inside your DIV to a minus amount.
Since CSS is handled CLIENT-SIDE after PHP is done and after the server sends it to the browser,
the CSS can be used to “adjust” your DIV.

Something like “margin-top: -20px;” set to just your DIV. Now that may or may not solve it, but, also
I noticed you have several “Special Offers” just on the right of the image you are attempting to load.
This could be the problem also. This would depend on how you have the layers of the DIV set up. If
you have positioning set on the outside DIV to relative and then use positioning for absolute, there
can be a lot of issues in how they are placed on the screen.

So, I would just try the hack of using a negative margin first. If it works, done deal. If not, you need to
study the positioning of all of the DIV’s around your added in one…

Hope that helps and doesn’t complicated it further!

Sponsor our Newsletter | Privacy Policy | Terms of Service