Hello,
I moved my subscriber form to the header where the 468X60 banner ad typically goes. I ended up making the edits directly to the header.php file. Everything looks fine with Firefox. However an extra space between the nav bar and category bar gets added when viewed in IE. I want the extra space to go away.
My site is
www.culinarycory.com
Below is my header.php code. Thanks for you help.
PHP 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" <?php language_attributes('xhtml'); ?>>
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
<meta name="language" content="en" />
<title><?php wp_title(''); ?><?php if(wp_title('', false)) { echo ' :'; } ?> <?php bloginfo('name'); ?></title>
<link rel="shortcut icon" href="<?php echo bloginfo('template_url'); ?>/images/favicon.ico" type="image/x-icon" />
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
<link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> <?php _e("RSS Feed", 'studiopress'); ?>" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="alternate" type="application/atom+xml" title="<?php bloginfo('name'); ?> <?php _e("Atom Feed", 'studiopress'); ?>" href="<?php bloginfo('atom_url'); ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<?php if ( is_singular() ) wp_enqueue_script( 'comment-reply' ); ?>
<?php wp_head(); ?>
<script type="text/javascript"><!--//--><![CDATA[//><!--
sfHover = function() {
if (!document.getElementsByTagName) return false;
var sfEls = document.getElementById("nav").getElementsByTagName("li");
<?php // if you only have one main menu - delete the line below ?>
var sfEls1 = document.getElementById("subnav").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"), "");
}
}
<?php // if you only have one main menu - delete the "for" loop below ?>
for (var i=0; i<sfEls1.length; i++) {
sfEls1[i].onmouseover=function() {
this.className+=" sfhover1";
}
sfEls1[i].onmouseout=function() {
this.className=this.className.replace(new RegExp(" sfhover1\\b"), "");
}
}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);
//--><!]]></script>
</head>
<body>
<div id="wrap">
<div id="topnavbar">
<div class="topnavbarleft">
<p><?php echo date("l, F j, Y"); ?></p>
</div>
<div class="topnavbarright">
<a class="rsslink" rel="nofollow" href="<?php bloginfo('rss_url'); ?>"><?php _e("News Feed", 'studiopress'); ?></a>
<a class="rsslink" rel="nofollow" href="<?php bloginfo('comments_rss2_url'); ?>"><?php _e("Comments", 'studiopress'); ?></a>
</div>
</div>
<div id="header">
<div class="headerleft" <?php if(get_theme_mod('header_blog_title') != 'Text') { echo 'id="imageheader"'; } ?>>
<?php
if (is_home()) {
echo '<h1><a href="'.get_option('home').'/">'.get_bloginfo('name').'</a></h1>';
} else {
echo '<h4><a href="'.get_option('home').'/">'.get_bloginfo('name').'</a></h4>';
}
?>
<p><?php bloginfo('description'); ?></p>
</div>
<?php // To define the 468x60 ad, go to your WP dashboard and go to Appearance > Widgets. Select 468x60 Header Banner and then enter your add code into a text widget ?>
<div class="headerright">
<ul id="headerwidgeted">
<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('468x60 Header Banner') ) : ?>
<br/>
<br/>
<li><form style="border:0px solid #ccc;padding:3px;text-align:center;" action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=CulinaryCory', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><input type="text" style="width:155px" name="email"/><input type="hidden" value="CulinaryCory" name="uri"/><input type="hidden" name="loc" value="en_US"/><input type="submit" value="Subscribe" /></li>
<?php endif; ?>
</ul>
</div>
</div>
<div id="navbar">
<div id="navbarleft">
<ul id="nav">
<li><a href="<?php echo get_option('home'); ?>"><?php _e("Home", 'studiopress'); ?></a></li>
<?php wp_list_pages('title_li=&depth=4&sort_column=menu_order'); ?>
</ul>
</div>
<div id="navbarright">
<form id="searchform" method="get" action="<?php echo get_option('home') ?>/">
<input type="text" value="<?php _e("Search this website...", 'studiopress'); ?>" name="s" id="searchbox" onfocus="if (this.value == '<?php _e("Search this website...", 'studiopress'); ?>') {this.value = '';}" onblur="if (this.value == '') {this.value = '<?php _e("Search this website...", 'studiopress'); ?>';}" />
<input type="submit" id="searchsubmit" value="<?php _e("GO", 'studiopress'); ?>" /></form>
</div>
</div>
<div class="clear"></div>
<div id="subnavbar">
<ul id="subnav">
<?php wp_list_categories('orderby=name&title_li=&depth=4'); ?>
</ul>
</div>
<div class="clear"></div>
01-04-2011, 07:18 PM
Compatibility Issue with IE when I Edited Header Code
Threaded Mode
Similar Threads