how do I change my HEADER to look like …

  • Hi,
    I am trying to update a header for a theme, but without success ?? sniff sniff …

    Currently: https://www.emailhq.org/NOW.gif
    What I want: https://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" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="https://www.w3.org/1999/xhtml">

<head profile="https://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>

Viewing 2 replies - 1 through 2 (of 2 total)

  • 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.

    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
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘how do I change my HEADER to look like …’ is closed to new replies.