WordPress.org

Ready to get started?Download WordPress

Forums

how do I change my HEADER to look like ... (3 posts)

  1. namic
    Member
    Posted 5 years ago #

    Hi,
    I am trying to update a header for a theme, but without success :( sniff sniff ...

    Currently: http://www.emailhq.org/NOW.gif
    What I want: http://www.emailhq.org/WANT.gif

    Can any body help me ...

    It should be rather simple ...

    Let me know if you need anything.

    Regards, Vincent

    Here's the header code:

    <!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 profile="http://gmpg.org/xfn/11">
    
    <meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
    
    <title><?php bloginfo('name'); ?> <?php if ( is_single() ) { ?> &raquo; Blog Archive <?php } ?> <?php wp_title(); ?></title>
    
     <meta name="generator" content="WordPress <?php bloginfo('version'); ?>" /> <!-- leave this for stats -->
    
    <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
    	<!--[if IE 7]>
    		<link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo('stylesheet_directory'); ?>/iestyle.css" />
    	<![endif]-->	
    
    	<!--[if lt IE 7]>
    	<link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo('stylesheet_directory'); ?>/ie6style.css" />
    	<![endif]-->
    <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'); ?>" />
    <script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/jquery.js"></script>
    <script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/idtabs.js"></script>
    <?php wp_get_archives('type=monthly&format=link'); ?>
    
    <?php wp_head(); ?>
    </head>
    
    <body>
    
    	<div id="pages">
    	<img src="<?php bloginfo('stylesheet_directory'); ?>/images/navigation-left.gif" style="float: left;" alt="nav-left" />
    		 			 <ul>
                  		<li class="page_item"><a href="<?php bloginfo('url'); ?>">Home</a></li>
    
    	<?php wp_list_pages('depth=1&title_li='); ?>
    
                    </ul>
    				<img src="<?php bloginfo('stylesheet_directory'); ?>/images/navigation-right.gif" style="float: right;" alt="cat-right" />
    	</div>
    
    <div style="clear: both;"></div>
    <div id="header">
    <a href="<?php bloginfo('url'); ?>"><img src="<?php bloginfo('stylesheet_directory'); ?>/images/logo.gif" alt="logo" class="logo" /></a>
    <div class="search_bg">
    <div id="search">
    <form method="get" action="<?php bloginfo('home'); ?>" style="padding:0px 0px 0px 0px; margin:0px 0px 0px 0px">
    <input type="text"  name="s" value="<?php echo wp_specialchars($s, 1); ?>"/><input type="image" class="input" src="<?php bloginfo('stylesheet_directory'); ?>/images/search.gif" value="submit"/>
    					</form>
    </div>
    </div>
    </div>
    <div style="clear: both;"></div>
    	<div id="wrapper2">
    <div id="categories">
    
    <ul>
    <?php wp_list_cats('depth=1'); ?>
    </ul>
    <img src="<?php bloginfo('stylesheet_directory'); ?>/images/categories-right.gif" style="float: right;" alt="cat-right" />
    <div style="clear:both;"></div>
    </div>
  2. Chrisber
    Member
    Posted 5 years ago #

    You need to do a better job explaining exactly what you are trying to accomplish. Please describe in detail what you want and provide a link to your actual site. From what I can tell, this is a css issue that doesn't have anything to do with your header.php file.

  3. dvsmith
    Member
    Posted 5 years ago #

    It' either:

    • the height of logo.gif,
    • the CSS height attribute of:
      • .logo
      • #search
      • #header
    • the CSS margin and/or padding attributes of:
      • .logo
      • `#search

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.