WordPress.org

Ready to get started?Download WordPress

Forums

Eliminate Space on Top of Header (2 posts)

  1. hbkdinobot
    Member
    Posted 4 years ago #

    Hi check out my site http://www.danielhohler.com/

    I am trying to eliminate that space so my logo doesn't spill out below the header.

    Here is the header.php

    <!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" xml:lang="en" lang="en">
    
    <head>
    <meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>"  />
    <title><?php if (is_home () ) { bloginfo('name'); echo " - "; bloginfo('description');
    } elseif (is_category() ) {single_cat_title(); echo " - "; bloginfo('name');
    } elseif (is_single() || is_page() ) {single_post_title(); echo " - "; bloginfo('name');
    } elseif (is_search() ) {bloginfo('name'); echo " search results: "; echo wp_specialchars($s);
    } else { wp_title('',true); }?></title>
    <meta name="generator" content="WordPress <?php bloginfo('version'); ?>" />
    <meta name="robots" content="follow, all" />
    <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
    <link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />
    <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
    <?php wp_head(); ?>
    
    <!-- this product is released under General Public License. Please see the attached file for details. You can also find details about the license at http://www.opensource.org/licenses/gpl-license.php -->
    
    <script type="text/javascript"><!--//--><![CDATA[//><!--
    sfHover = function() {
    	if (!document.getElementsByTagName) return false;
    	var sfEls = document.getElementById("nav").getElementsByTagName("li");
    
    	for (var i=0; i<sfEls.length; i++) {
    		sfEls[i].onmouseover=function() {
    			this.className+=" sfhover";
    		}
    		sfEls[i].onmouseout=function() {
    			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
    		}
    	}
    
    }
    if (window.attachEvent) window.attachEvent("onload", sfHover);
    //--><!]]></script>
    
    <!--[if lt IE 8]>
    <link href="<?php bloginfo('template_url'); ?>/ie.css" rel="stylesheet" type="text/css" />
    <![endif]-->
    
    <!--[if lt IE 7]>
    <link href="<?php bloginfo('template_url'); ?>/ie6.css" rel="stylesheet" type="text/css" />
    <script src="http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE7.js" type="text/javascript"></script>
    <![endif]-->
    
    </head>
    
    <body>
    <div id="wrapper">
    
    <div id="header">
    
    <div id="logo">
    <?php show_media_header(); ?>
    </div>
    
    <div id="topright">
    <ul>
      <?php wp_list_pages('depth=1&title_li=0&sort_column=menu_order'); ?>
      <li><a href="#searchform">search</a></li>
      <li><a href="#main">skip to content &darr;</a></li>
    </ul>
    </div>
    <div class="cleared"></div>
    </div> <!-- Closes header -->
    
    <div id="catnav">
    <div id="toprss"><a href="<?php bloginfo('rss2_url'); ?>"><img src="<?php bloginfo('template_directory'); ?>/images/rss-trans.png" alt="<?php bloginfo('name'); ?>" width="65" height="24" /></a></div> <!-- Closes toprss -->
    <ul id="nav">
      <li><a href="<?php echo get_option('home'); ?>">Home</a></li>
      <?php wp_list_categories('sort_column=name&title_li=&depth=2'); ?>
    </ul>
    </div> <!-- Closes catnav -->
    
    <div class="cleared"></div>

    Here is the style.css

    /* Defaults */
    
    * {
      margin: 0;
      padding: 0;
      }
    
    h1, h2, h3, h4, h5, h6, p {
      margin: 0;
      padding: 0px 0;
      }
    
    h1, h2, h3, h4, h5, h6 {
      font-family: Verdana;
      }
    
    hr {
      color: #333;
      border: 1px solid #121212;
      }
    
    pre {
      height: auto;
      overflow-x:scroll;
      }
    
    fieldset {
      margin: 0;
      padding: 0;
      border: 0;
      }
    
    dd {
      padding-left: 15px;
      }
    
    p {
      font-size: 9pt;
      }
    
    a {
      color: #6598b8;
      text-decoration: none;
      }
    
    a:hover {
      color: #222;
      text-decoration: underline;
      }
    
    a img {
      border: none;
      }
    
    blockquote {
      background: #070707;
      border: 1px solid #060606;
      padding: 5px 15px;
      margin: 10px 10px 5px 15px;
      font-style: italic;
      color: #fff;
      }
    
    code {
      color: #3366cc;
      font-style: italic;
      }
    
    strong {
      font-size: 110%;
      }
    
    body {
      text-align: center;
      margin: 0;
      padding: 0 0 15px 0;
      font-family: trebuchet ms, arial, helvetica, sans-serif;
      background: #000 url(images/bgbody.jpg) top center no-repeat;
      }
    
    /* Header and wrapper */
    #wrapper {
      margin: 0 auto;
      width: 960px;
      text-align: left;
      padding: 0;
      }
    
    #header {
      padding: 0;
      margin: 0;
      height: 80px;
      }
    
    #header #topright {
      text-align: right;
      float: right;
      width: 600px;
      margin: 5px 0 0 0;
    }
    #header #topright ul {
      list-style: none;
      padding: 0;
      margin: 0;
      }
    #header #topright li {
      display: inline;
      }
    #header #topright li a {
      color: #fff;
      font-size: 9pt;
      padding: 0 0 0 25px;
      text-transform: lowercase;
      }
    #header #topright li a:hover {
      color: #000;
      text-decoration: none;
      }
    
    #header #logo {
    float:left;
    margin:0px 0 0;
    padding:0;
    width:350px;
    background:url(images/header.png) no-repeat top left;
    }
    #header h1 {
      padding: 0;
      margin: 0;
      }
    #header h1 a {
      color: #fff;
      font-size: 17pt;
      text-decoration: none;
      }
    #header h1 a:hover {
      color: #eee;
      text-decoration: none;
      }
    #header span {
      padding: 0;
      color: #111;
      font-size: 11pt;
      }
    
    /* Menu */
    
    #catnav {
      margin: 20px 0 0 0;
      padding: 0;
      clear: both;
      height: 44px;
      width: 960px;
      }
    
    #nav {
      list-style: none;
      margin: 0;
      padding: 0;
      }
    
    #nav ul {
      margin: 0;
      padding: 0;
      }
    
    #nav li {
      float: left;
      margin: 0;
      padding: 0;
      }
    
    #nav a {
      display: block;
      line-height: 44px;
      margin: 0;
      padding: 0 20px 0 15px;
      font-size: 10pt;
      color: #fff;
      letter-spacing: -1px;
      }
    
    #nav li a:hover {
      color: #6598b8;
      text-decoration: none;
      display: block;
      }
    
    #nav li ul {
      list-style: none;
      position: absolute;
      width: 150px;
      left: -999em;
      }
    
    #nav li:hover ul, #nav li.sfhover ul {
      left: auto;
      }
    
    #nav li li {
      float: left;
      margin: 0;
      padding: 0;
      width: 150px;
      }
    
    #nav li li a {
      width: 150px;
      height: 24px;
      line-height: 24px;
      color: #fff;
      border-top: 1px solid #131f27;
      background: #040404;
      margin: 0;
      padding: 5px 20px 5px 15px;
      }
    
    #nav li li a:hover {
      border-top: 1px solid #131f27;
      background: #000;
      padding: 5px 20px 5px 15px;
      }
    
    #nav li:hover, #nav li.sfhover { /* prevents IE7 drop-down menu bug (focus on a page element prevents nested menus from disappearing) */
      position: static;
      }
    
    #toprss {
      float: right;
      margin: 10px 15px 0 0;
      display: inline;
      width: 65px;
      line-height: 41px;
      }
    
    /* Top Content */
    
    #main {
      margin: 5px 15px 0 15px;
      clear: both;
      width: 930px;
      padding-bottom: 5px;
      }
    #contentwrapper {
      float:left;
      width: 560px;
      margin: 0 0 15px 0;
      padding: 0;
      }
    #contentwrapper2 {
      float:left;
      width: 900px;  margin: 0 0 15px 0;
      padding: 0;
      }
    #contentwrapper .pageTitle, #contentwrapper2 .pageTitle {
      margin: 15px 0 10px 0;
      font-size: 14pt;
      letter-spacing: -1px;
      color: #fff;
      font-weight: normal;
      background: url(images/bg-trans.png) repeat;
      padding: 5px;
      }
    .topPost {
      margin: 0;
      padding: 0;
      font-size: 9pt;
      }
    .topPost h2.topTitle a {
      font-size: 15pt;
      font-weight: normal;
      color: #fff;
      letter-spacing: -2px;
      }
    .topPost h2.topTitle a:hover {
      text-decoration: none;
      color: #abd1ea;
      }
    .topPost p.topMeta {
      padding: 0;
      margin: -10px 0 0 0;
      font-size: 9pt;
      color: #cdcdcd;
      }
    .topPost p.topMeta a {
      text-decoration: underline;
      color: #fff;
      }
    .topPost p.topMeta a:hover {
      color: #ccc;
      }
    .topPost div.topContent {
      font-size: 9pt;
      color: #efefef;
      margin: 8px 0;
      }
    .topPost div.topContent a {
      text-decoration: underline;
      color: #fff;
      }
    .topPost div.topContent a:hover {
      text-decoration: underline;
      color: #ff9933;
      }
    
    .topPost div.topContent ul, .topPost div.topContent ol {
      padding: 0 0 0 30px;
      }
    .topPost div.topContent ul li, .topPost div.topContent ol li {
      color: #eee;
      }
    .topPost span.topComments, .topPost span.topMore, .topPost span.topTags {
      font-size: 9pt;
      font-style: italic;
      background: url(images/bg-trans.png) repeat;
      padding: 8px 10px;
      margin-right: 5px;
      line-height: 27pt;
      color: #fff;
      border: 1px solid #111;
      }
    .topPost span.linkpages {
      font-size: 9pt;
      font-style: italic;
      color: #fff;
      margin-bottom: 10px; display:block;
      }
    .topPost span.linkpages a:hover {
      color: #ddd;
      }
    .topPost span.topComments:hover, .topPost span.topMore:hover, .topPost span.topTags:hover {
      background: #040404;
      }
    .topPost span.topComments a {
      color: #fff;
      background: url(images/comments.gif) left no-repeat;
      padding-left: 20px;
      line-height: 27pt;
      vertical-align: middle;
      }
    .topPost span.topMore a {
      color: #fff;
      background: url(images/more.gif) left no-repeat;
      padding-left: 20px;
      line-height: 27pt;
      vertical-align: middle;
      }
    .topPost span.topTags em {
      background: url(images/tags.gif) left no-repeat;
      padding-left: 20px;
      line-height: 27pt;
      vertical-align: middle;
      color: #0a0a0a;
      }
    .topPost span.topTags a {
      color: #fff;
      line-height: 27pt;
      vertical-align: middle;
      }
    .topPost span.topComments a:hover, .topPost span.topMore a:hover, .topPost span.topTags a:hover {
      color: #fff;
      text-decoration: underline;
      }
    
    #nextprevious {
      margin: 10px 0 5px 0;
      }
    #nextprevious a {
      color: #83adc8;
      text-transform: lowercase;
      text-decoration: underline;
      }
    #nextprevious a:hover {
      color: #fff;
      }

    Any ideas? Thanks in advance.

  2. hbkdinobot
    Member
    Posted 4 years ago #

    anyone? It is my final piece.

Topic Closed

This topic has been closed to new replies.

About this Topic