How to cut the space in the header ??

Discussion in 'HTML & Website Design' started by malikwiki, Mar 22, 2009.

  1. #1
    ( golfsupplies.yourproducts.net is my site,when you see it there is a column up and beneath the red column { home,sitemap }..how to cut this space cant able to do that... I am putting the code below.. )

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">

    <head>
    <meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />

    <title>
    <?php
    if (is_home()) { echo bloginfo('name'); }
    elseif (is_404()) { bloginfo('name'); echo ' - Oops, this is a 404 page'; }
    else if ( is_search() ) { bloginfo('name'); echo (' - Search Results');}
    else { bloginfo('name'); echo (' - '); wp_title(''); }
    ?>
    </title>

    <meta name="keywords" content="<?php foreach((get_the_category()) as $category) { echo $category->cat_name . ','; } ?>" />
    <meta name="description" content="<?php bloginfo('description'); ?>" />

    <meta name="created" content="March 2008" />
    <meta name="coder" content="Richie K" />

    <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />

    <link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/fonts.php" type="text/css" />

    <link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/layout.css" type="text/css" />

    <link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/jd.gallery.css" type="text/css" />


    <link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<?php bloginfo('rss2_url'); ?>" />
    <link rel="alternate" type="text/xml" title="RSS .92" href="<?php bloginfo('rss_url'); ?>" />
    <link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="<?php bloginfo('atom_url'); ?>" />
    <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
    <link rel="icon" href="<?php bloginfo('stylesheet_directory');?>/favicon.ico" type="images/x-icon" />

    <meta name="generator" content="WordPress <?php bloginfo('version'); ?>" />

    <?php wp_get_archives('type=monthly&format=link'); ?>
    <?php wp_head(); ?>

    <script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/mootools.v1.11.js"></script>
    <script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/jd.gallery.transitions.js"></script>
    <script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/jd.gallery.js"></script>

    <script type="text/javascript">
    function startGallery() {
    var myGallery = new gallery($('myGallery'), {
    timed: true,
    showArrows: false,
    showCarousel: false,
    embedLinks: false
    });
    document.gallery = myGallery;
    }
    window.onDomReady(startGallery);
    </script>

    </head>

    <body>
    <div id="wrapper">
    <div id="container">
    <div id="header">
    <div id="left-header"><!--<a href="<?php echo get_settings('home'); ?>"><img src="<?php bloginfo('template_directory'); ?>/images/logo.gif" alt="home" /></a> -->
    <h1><a href="<?php echo get_settings('home'); ?>"><?php bloginfo('name'); ?></a></h1>
    <p><?php bloginfo('description'); ?></p>
    </div>



    <div id="right-header">
    <form method="get" action="<?php echo $_SERVER['PHP_SELF']; ?>" id="searchform">
    <input name="s" type="text" class="intext" value="Search Keyword" onfocus="if (this.value == 'Search Keyword') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Search Keyword';}" size="10" tabindex="1" />
    <input name="search" type="image" src="<?php bloginfo('template_directory'); ?>/images/search.png" alt="search" class="inbutton"/>
    </form>
    </div>

    </div>



    <div id="navigation">
    <div id="last-updates">
    <!--<div class="lupdate">Last update in <?php echo gmdate(__('l, F jS Y')); ?></div>
    <div class="lsubscribes"><a href="<?php bloginfo('rss2_url'); ?>">Stay update with this site articles</a></div>-->
    </div>

    <div id="nav">

    <ul class="pg-nav">
    <li id="<?php if (is_home()) { ?>home<?php } else { ?>page_item<?php } ?>"><a href="<?php bloginfo('url'); ?>" title="Home">Home</a></li>
    <?php wp_list_pages('title_li=&depth=1'); ?>
    </ul>

    </div>



    <div id="sub-navs">

    <?php
    $children = wp_list_pages("title_li=&child_of=".$post->ID.
    "&sort_column=menu_order&show_date=modified".
    "&date_format=$date_format&echo=0");

    if ($children) { ?>
    <ul class="sub-nav">
    <?php echo $children; ?>
    </ul>
    <?php }

    elseif (!$children) {

    echo '<ul id="adstop" class="sub-nav"><li>
    <!--<script type="text/javascript">
    google_ad_client = "pub-3967730425005838";
    google_ad_width = 728;
    google_ad_height = 15;
    google_ad_format = "728x15_0ads_al_s";
    google_ad_type = "text_image";
    google_ad_channel = "";
    google_color_border = "E6E6E6";
    google_color_bg = "E6E6E6";
    google_color_link = "000000";
    google_color_text = "333333";
    google_color_url = "333333";
    </script>-->
    <!--<script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
    </script>-->
    </li>
    </ul>';


    } ?>


    </div>
    </div>
    <div id="content">
     
    malikwiki, Mar 22, 2009 IP
  2. diligenthost

    diligenthost Peon

    Messages:
    685
    Likes Received:
    30
    Best Answers:
    0
    Trophy Points:
    0
    #2
    You should be able to just edit this image:
    Removing what you don't want below the red. I didn't look through the CSS so you might have to change something there, but removing it from the image should remove the gap.
     
    diligenthost, Mar 22, 2009 IP