Header won’t link

hannahcraner
(@hannahcraner)

17 years ago

I am trying to get my header to link to home. I would appreciate any help…
http://flyawayfamily.com

Thank you!

Viewing 15 replies - 1 through 15 (of 16 total)

(@esmi)

You need to amend your theme header so that the link to your blog’s home page encloses the entire header area – image and all.

Thread Starter

hannahcraner

(@hannahcraner)

17 years ago

I don’t know how to do that….can you explain please?

esmi

(@esmi)

17 years ago

You need to have some knowledge of XHTML and be able to edit your header.php file. Without knowing your theme or seeing the header file, I can’t really tell you what to do.

RoseCitySister

(@rosecitysister)

17 years ago

Right now the image is a background image – you can’t link that. You would have to take the image out of the stylesheet, and then link it in the header like this:

<h1><a href="<?php echo get_option('home'); ?>" title="<?php bloginfo('name'); ?>"><img src="<?php bloginfo('stylesheet_directory') ?>/images/Header.jpg" alt="<?php bloginfo('name'); ?>" /></a></h1>

http://w3schools.com is a wonderful place to start learning basic HTML and CSS.

Thread Starter

hannahcraner

(@hannahcraner)

17 years ago

Thank you!!

esmi

(@esmi)

17 years ago

Right now the image is a background image – you can’t link that. You would have to take the image out of the stylesheet, and then link it in the header like this:

I did say the header- not the image! You apply a link around the H1 in the header then apply the image on top using the CSS background.

Thread Starter

hannahcraner

(@hannahcraner)

17 years ago

Thank you esmi…I really appreciate the help. I can’t wait to learn more, but unfortunately…I need to fix my blog today. In the future I will try not to ask such obvious questions and will come with a little more education on the matter. 🙂

I tried my best to follow what you two told me. My header is now linked to my homepage, but it totally out of place. Any idea what i did wrong?

Thread Starter

hannahcraner

(@hannahcraner)

17 years ago

<!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(); ?>>

<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" />
<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'); ?>" />
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/script.js"></script>
<?php wp_head(); ?>
</head>
<body>
<div class="PageBackgroundGradient"></div><div class="PageBackgroundGlare"><div class="PageBackgroundGlareImage"></div></div>
<div class="Main">

<div class="Sheet">
  <div class="Sheet-body">
<div class="Header">
  <div>
<table class="logo">
<tr><td class="logo-name"><h1><a href="<?php echo get_option('home'); ?>" title="<?php bloginfo('name'); ?>"><img src="<?php bloginfo('stylesheet_directory') ?>/images/Header.jpg" alt="<?php bloginfo('name'); ?>" /></a></h1></td></tr>
<tr><td class="logo-text"><?php bloginfo('description'); ?></td></tr>
</table>

  </div>
</div>

That is what I have in my header

Thread Starter

hannahcraner

(@hannahcraner)

17 years ago

And my stylesheet…

/*
Theme Name: Fly Away Family
Description: Fly Away Family
Version: 1.0
Author: Sherbet Blossom Designs
Author URI: http://sherbetblossomdesigns.com/
Tags: fixed width, three columns, valid XHTML, widgets
*/

/* begin Page */

body
{
  margin: 0 auto;
  padding: 0;
  font-size: 62.5%; /* Resets 1em to 10px */
  font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
  background-color: #ffffff;
background-image:url(http://flyawayfamily.com/blog/wp-content/uploads/2009/03/bg.png);background-repeat:repeat-xy;
  color: #000000;
}

h2
{
    font-size: 18px;
}

.Main
{
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
}
.PageBackgroundGlare
{
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
}

.PageBackgroundGlareImage
{
  background-image: url('images/bg.png');
  width: 2000px;
  margin: 0;
}

/* specially for Opera */
html:first-child .PageBackgroundGlare
{
  border: 1px solid transparent;
}
/* specially for Opera */

* html .PageBackgroundGlareImage
{
  background: none;
  behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + (function(){var t=document.getElementsByTagName('link');for(var i=0;i<t.length;i++){var l=t[i];if(l.href&&/style\\.css$/.test(l.href))return l.href.replace('style.css','');}return '';})()+"images/Page-BgGlare.png',sizingMethod='crop')");
}
.PageBackgroundGradient
{
  background-image: url('images/bg.png');
  background-repeat:repeat-xy;
}

table, th, td
{
  font-size: 1em;
  padding: 0;
  border-collapse: collapse;
}

a img
{
  border: 0;
}

a
{
  color: #909090;
}

a:link
{
  color: #269a77;
}

a:visited
{
  color: #269a77;
}

a:hover
{
  color: #dd7a27;
}
/* end Page */

/* begin Box, Sheet */
.Sheet
{
  min-width:17px;
  min-height:17px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  z-index: 0;
  width: 1000px;

}

* html .Sheet
{
  width:expression(this.offsetWidth < 17 ? 17+"px" : "auto !important");
  height:expression(this.offsetHeight < 17 ? 17+"px" : "auto !important");

  width: 1000px;
  zoom: 1;
}

.Sheet-body
{
  position: relative;
  overflow: hidden;
  z-index: 0;
  margin: 7px;
  text-align: left;
}

.Sheet-tl
{
  position: absolute;
  overflow: hidden;
  z-index: -1;
  top: 0;
  left: 0;
  width: 22px;
  height: 22px;
  background-image: url('images/Sheet-s.png');
}

* html .Sheet-tl
{
  font-size: 1px;
  background: none;
  behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + (function(){var t=document.getElementsByTagName('link');for(var i=0;i<t.length;i++){var l=t[i];if(l.href&&/style\\.css$/.test(l.href))return l.href.replace('style.css','');}return '';})()+"images/Sheet-s.png',sizingMethod='crop')");
}

.Sheet-tr
{
  position: absolute;
  overflow: hidden;
  z-index: -1;
  top: 0;
  right: 0;
  width: 22px;
  height: 22px;
}

* html .Sheet-tr
{
  font-size: 1px;
  left: expression(this.parentNode.offsetWidth-22+'px');
}

.Sheet-tr div
{
  position: absolute;
  z-index: -1;
  top: 0px;
  left: -22px;
  width: 44px;
  height: 44px;
  background-image: url('images/Sheet-s.png');
}

* html .Sheet-tr div
{
  background: none;
  behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + (function(){var t=document.getElementsByTagName('link');for(var i=0;i<t.length;i++){var l=t[i];if(l.href&&/style\\.css$/.test(l.href))return l.href.replace('style.css','');}return '';})()+"images/Sheet-s.png',sizingMethod='crop')");
}

.Sheet-bl
{
  position: absolute;
  overflow: hidden;
  z-index: -1;
  bottom: 0;
  left: 0;
  width: 22px;
  height: 22px;
}

* html .Sheet-bl
{
  font-size: 1px;
  top: expression(this.parentNode.offsetHeight-22+'px');
}

.Sheet-bl div
{
  position: absolute;
  z-index: -1;
  top: -22px;
  left: 0;
  width: 44px;
  height: 44px;
  background-image: url('images/Sheet-s.png');
}

* html .Sheet-bl div
{
  background: none;
  behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + (function(){var t=document.getElementsByTagName('link');for(var i=0;i<t.length;i++){var l=t[i];if(l.href&&/style\\.css$/.test(l.href))return l.href.replace('style.css','');}return '';})()+"images/Sheet-s.png',sizingMethod='crop')");
}

.Sheet-br
{
  position: absolute;
  overflow: hidden;
  z-index: -1;
  bottom: 0;
  right: 0;
  width: 22px;
  height: 22px;
}

* html .Sheet-br
{
  font-size: 1px;
  top: expression(this.parentNode.offsetHeight-22+'px');
  left: expression(this.parentNode.offsetWidth-22+'px');
}

.Sheet-br div
{
  position: absolute;
  z-index: -1;
  top: -22px;
  left: -22px;
  width: 44px;
  height: 44px;
  background-image: url('images/Sheet-s.png');
}

* html .Sheet-br div
{
  background: none;
  behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + (function(){var t=document.getElementsByTagName('link');for(var i=0;i<t.length;i++){var l=t[i];if(l.href&&/style\\.css$/.test(l.href))return l.href.replace('style.css','');}return '';})()+"images/Sheet-s.png',sizingMethod='crop')");
}

.Sheet-tc
{
  position: absolute;
  overflow:hidden;
  z-index: -1;
  top: 0;
  left: 22px;
  right: 22px;
  height: 22px;
}

* html .Sheet-tc
{
  font-size: 1px;
  width: expression(this.parentNode.offsetWidth-44+'px');
}

.Sheet-tc div
{
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 44px;
  background-image: url('images/Sheet-h.png');
}

* html .Sheet-tc div
{
  font-size: 1px;
  background: none;
  behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + (function(){var t=document.getElementsByTagName('link');for(var i=0;i<t.length;i++){var l=t[i];if(l.href&&/style\\.css$/.test(l.href))return l.href.replace('style.css','');}return '';})()+"images/Sheet-h.png',sizingMethod='scale')");
}

.Sheet-bc
{
  position: absolute;
  overflow:hidden;
  z-index: -1;
  bottom: 0;
  left: 22px;
  right: 22px;
  height: 22px;
}

* html .Sheet-bc
{
  font-size: 1px;
  top: expression(this.parentNode.offsetHeight-22+'px');
  width: expression(this.parentNode.offsetWidth-44+'px');
}

.Sheet-bc div
{
  position: absolute;
  z-index: -1;
  top: -22px;
  left: 0;
  width: 100%;
  height: 44px;
  background-image: url('images/Sheet-h.png');
}

* html .Sheet-bc div
{
  font-size: 1px;
  background: none;
  behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + (function(){var t=document.getElementsByTagName('link');for(var i=0;i<t.length;i++){var l=t[i];if(l.href&&/style\\.css$/.test(l.href))return l.href.replace('style.css','');}return '';})()+"images/Sheet-h.png',sizingMethod='scale')");
}

.Sheet-cl
{
  position: absolute;
  overflow:hidden;
  z-index: -1;
  top: 22px;
  left: 0;
  width: 22px;
  bottom: 22px;
}

* html .Sheet-cl
{
  font-size: 1px;
  height: expression(this.parentNode.offsetHeight-44+'px');
}

.Sheet-cl div
{
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 44px;
  height: 100%;
  background-image: url('images/Sheet-v.png');
}

* html .Sheet-cl div
{
  font-size: 1px;
  background: none;
  behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + (function(){var t=document.getElementsByTagName('link');for(var i=0;i<t.length;i++){var l=t[i];if(l.href&&/style\\.css$/.test(l.href))return l.href.replace('style.css','');}return '';})()+"images/Sheet-v.png',sizingMethod='scale')");
}

.Sheet-cr
{
  position: absolute;
  overflow:hidden;
  z-index: -1;
  top: 22px;
  right: 0;
  width: 22px;
  bottom: 22px;
}

* html .Sheet-cr
{
  font-size: 1px;
  left: expression(this.parentNode.offsetWidth-22+'px');
  height: expression(this.parentNode.offsetHeight-44+'px');
}

.Sheet-cr div
{
  position: absolute;
  z-index: -1;
  top: 0;
  left: -22px;
  width: 44px;
  height: 100%;
  background-image: url('images/Sheet-v.png');
}

* html .Sheet-cr div
{
  font-size: 1px;
  background: none;
  behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + (function(){var t=document.getElementsByTagName('link');for(var i=0;i<t.length;i++){var l=t[i];if(l.href&&/style\\.css$/.test(l.href))return l.href.replace('style.css','');}return '';})()+"images/Sheet-v.png',sizingMethod='scale')");
}

.Sheet-cc
{
  position: absolute;
  overflow:hidden;
  z-index: -2;
  top: 22px;
  left: 22px;
  right: 22px;
  bottom: 22px;
  background-color: #ffffff;
}

* html .Sheet-cc
{
  font-size: 1px;
  width: expression(this.parentNode.offsetWidth-44+'px');
  height: expression(this.parentNode.offsetHeight-44+'px');
}
.Sheet
{
  margin-top: -7px !important;
  margin-bottom: 3em;
  padding: 0 0 1em 0;
}
/* end Box, Sheet */

/* begin Header */
div.Header
{
  margin: 0 auto;
  position: relative;
  width: 986px;
  height: 250px;
}

* html div.Header
{
  font-size: 1px;
}

div.Header  div
{
  width: 100%;
  height: 100%;
  background-image: url('');
  background-repeat: no-repeat;
  background-position: center center;
  text-align: left;
}
/* end Header */

/* begin Logo */
.logo
{
  position: relative;
  left: 389px;
  top: 99px;
}

.logo td
{
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
}

.logo-name
{
  font-size: 0px;
  font-family: Trebuchet MS;
  font-style: normal;
  font-weight: bold;
}

.logo-name a
{
  text-decoration: none;
  color: #331205 !important;
}

.logo-text
{
  font-size: 0px;
  font-family: Trebuchet MS;
  font-style: normal;
  font-weight: normal;
  color: #331205 !important;
}
/* end Logo */

/* begin Menu */
.menu, .menu ul
{
  margin: 0;
  padding: 0;
  border: 0;
  list-style-type: none;
  display: block;
}

.menu li
{
  margin: 0;
  padding: 0;
  border: 0;
  display: block;
  float: left;
  position: relative;
  z-index: 5;
}

.menu li:hover
{
  z-index: 10000;
  white-space: normal;
}

.menu li li
{
  float: none;
}

.menu ul
{
  visibility: hidden;
  position: absolute;
  z-index: 10;
  left: 0;
  top: 0;
}

.menu li:hover>ul
{
  visibility: visible;
  top: 100%;
}

.menu li li:hover>ul
{
  top: 0;
  left: 100%;
}

.menu:after, .menu ul:after
{
  content: ".";
  height: 0;
  display: block;
  visibility: hidden;
  overflow: hidden;
  clear: both;
}
.menu, .menu ul
{
  min-height: 0;
}

.menu ul
{
  background-image: url(images/spacer.gif);
  padding: 10px 30px 30px 30px;
  margin: -10px 0 0 -30px;
}

.menu ul ul
{
  padding: 30px 30px 30px 10px;
  margin: -30px 0 0 -10px;
}

* html .menu, * html .menu ul
{
  height: 1%;
}

* html .menu li.menuhover
{
  z-index: 10000;
}

* html .menu .menuhoverUL
{
  visibility: visible;
}

* html .menu .menuhoverUL
{
  top: 100%;
  left: 0;
}

* html .menu .menuhoverUL .menuhoverUL
{
  top: 0;
  left: 100%;
}

* html .menu ul a
{
  height: 1%;
}

* html .menu li li
{
  float: left;
  width: 100%;
}

* html .menu .menuhoverUL .menuhoverUL
{
  top: 5px;
  left: 100%;
}

* html .menu, * html .menu ul
{
  height: 1%;
}

* html .menu li.menuhover
{
  z-index: 10000;
}

* html .menu .menuhoverUL
{
  visibility: visible;
}

* html .menu .menuhoverUL
{
  top: 100%;
  left: 0;
}

* html .menu .menuhoverUL .menuhoverUL
{
  top: 0;
  left: 100%;
}

* html .menu ul a
{
  height: 1%;
}

* html .menu li li
{
  float: left;
  width: 100%;
}
.nav
{
  position: relative;
  margin: 0  auto;
  width: 986px;
  height: 27px;
  z-index: 100;
}

.menu
{
  padding: 0px 0px 0px 0px;
}

* html .nav
{
  zoom: 1;
}

.nav .l, .nav .r, .nav .r div
{
  top: 0;
  position: absolute;
  z-index: -1;
  overflow: hidden;
  height: 27px;
}

.nav .l
{
  left: 0;
  right: 0px;
}

* html .nav .l
{
  width: expression(this.parentNode.offsetWidth-0+'px');
}

.nav .r
{
  right: 0;
  width: 0px;
}

* html .nav .r
{
  left: expression(this.parentNode.offsetWidth-0+'px');
}

.nav .r div
{
  width: 886px;
  right: 0;
}

* html .nav .r div
{
  left: expression(this.parentNode.offsetWidth-886+'px');
}

.nav .l, .nav .r div
{
  background-position: left top;
  background-repeat: no-repeat;
  background-image: url('images/nav.png');
}

* html .nav .l, * html .nav .r div
{
  font-size: 1px;
  background: none;
  behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + (function(){var t=document.getElementsByTagName('link');for(var i=0;i<t.length;i++){var l=t[i];if(l.href&&/style\\.css$/.test(l.href))return l.href.replace('style.css','');}return '';})()+"images/nav.png',sizingMethod='crop')");
}
/* end Menu */

/* begin ContentLayout */
.contentLayout
{
	margin-bottom: 0px;
	width: 100%;
	position: relative;
}/* end ContentLayout */

/* begin Button */
button.Button, a.Button
{
  border: none;
  padding: 0;
  margin: 0;
  background: none;
  font-size: 100%;
  font-family: inherit;
  line-height: inherit;
  display: inline-block;
  overflow: visible;
  width: auto;
  cursor: default;
  white-space: normal;
  text-decoration: none;
}

.Button .btn
{
  position: relative;
  display: block;
  overflow: hidden;
  float: left;
  z-index: 0;
  height: 25px;
  color: #ffffff;
}

.Button .t
{
  height: 25px;
  line-height: 25px;
  padding: 0 9px;
  text-align: left;
  font-family: 'Arial';
  font-size: 13px;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
}

.Button .active
{
  color: #269a77;
}

.Button .hover
{
  color: #dd7a27;
}

.Button .active .r
{
  top: -50px;
}

.Button .hover .r
{
  top: -25px;
}

.Button .r
{
  display: block;
  position: absolute;
  overflow: hidden;
  z-index: -1;
  top: 0;
  right: 0;
  width: 3px;
  height: 75px;
}

* html .Button .r
{
  font-size: 1px;
  left: expression(this.parentNode.offsetWidth-3+'px');
}

.Button .r span
{
  display: block;
  position: absolute;
  overflow: hidden;
  z-index: -1;
  top: 0;
  right: 0;
  width:403px;
  height: 75px;
}

* html .Button .r span
{
  font-size: 1px;
  left: expression(this.parentNode.offsetWidth-403+'px');
}

.Button .active .l
{
  top: -50px;
}

.Button .hover .l
{
  top: -25px;
}

.Button .l
{
  display: block;
  position: absolute;
  overflow: hidden;
  z-index: -1;
  top: 0;
  left: 0;
  right: 3px;
  height: 75px;
}

* html .Button .l
{
  font-size: 1px;
  width: expression(this.parentNode.offsetWidth-3+'px');
}

.Button .l, .Button .r span
{
  background-image: url('images/Button.png');
}

* html .Button .l, * html .Button .r span
{
  background: none;
  behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + (function(){var t=document.getElementsByTagName('link');for(var i=0;i<t.length;i++){var l=t[i];if(l.href&&/style\\.css$/.test(l.href))return l.href.replace('style.css','');}return '';})()+"images/Button.png',sizingMethod='crop')");
}
/* end Button */

/* begin Box, Block */
.Block
{
  min-width:1px;
  min-height:1px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  z-index: 0;

}

* html .Block
{
  width:expression(this.offsetWidth < 1 ? 1+"px" : "auto !important");
  height:expression(this.offsetHeight < 1 ? 1+"px" : "auto !important");

  zoom: 1;
}

.Block-body
{
  position: relative;
  overflow: hidden;
  z-index: 0;
  margin: 0px;
  text-align: left;
}

.Block
{
  margin: 20px;
}

.Block table.table
{
  border-collapse: collapse;
  margin: 1px;
}

.Block table.table th, .Block table.table td
{
  padding: 2px;
  border: solid 1px #fcaf21;
}
/* end Box, Block */

/* begin BlockHeader */
.BlockHeader
{
  position: relative;
  overflow: hidden;
  height: 30px;
  z-index: 0;
  line-height: 30px;
  padding: 0 12px;
  margin-bottom: 15px;
  text-align: left;
  color: #000000;
  font-family: 'Trebuchet MS';
  font-size: 15px;
  font-weight: Bold;
  font-style: normal;
  text-decoration: none;
}

* html .BlockHeader
{
  zoom: 1;
}

.BlockHeader .l, .BlockHeader .r, .BlockHeader .r div
{
  top: 0;
  position: absolute;
  z-index: -1;
  overflow: hidden;
  height: 30px;
}

.BlockHeader .l
{
  left: 0;
  right: 0px;
}

* html .BlockHeader .l
{
  width: expression(this.parentNode.offsetWidth-0+'px');
}

.BlockHeader .r
{
  right: 0;
  width: 0px;
}

* html .BlockHeader .r
{
  left: expression(this.parentNode.offsetWidth-0+'px');
}

.BlockHeader .r div
{
  width: 886px;
  right: 0;
}

* html .BlockHeader .r div
{
  left: expression(this.parentNode.offsetWidth-886+'px');
}

* html .BlockHeader .l, * html .BlockHeader .r div
{
  font-size: 1px;
}

.BlockHeader .l, .BlockHeader .r div
{
  background-position: left top;
  background-repeat: no-repeat;
  background-image: url('images/BlockHeader.png');
}

* html .BlockHeader .l, * html .BlockHeader .r div
{
  background: none;
  behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + (function(){var t=document.getElementsByTagName('link');for(var i=0;i<t.length;i++){var l=t[i];if(l.href&&/style\\.css$/.test(l.href))return l.href.replace('style.css','');}return '';})()+"images/BlockHeader.png',sizingMethod='crop')");
}
/* end BlockHeader */

/* begin Box, BlockContent */
.BlockContent
{
  min-width:1px;
  min-height:1px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  z-index: 0;

}

* html .BlockContent
{
  width:expression(this.offsetWidth < 1 ? 1+"px" : "auto !important");
  height:expression(this.offsetHeight < 1 ? 1+"px" : "auto !important");

  zoom: 1;
}

.BlockContent-body
{
  position: relative;
  overflow: hidden;
  z-index: 0;
  margin: 12px;
  text-align: left;
  color: #3a3a3a;
  font-family: 'Trebuchet MS';
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
}

.BlockContent a
{
  color: #269a77;
}
.BlockContent a:link
{
  color: #269a77;
}

.BlockContent a:hover
{
  color: #da7a2d;
}
.BlockContent a:hover:visited
{
  color: #da7a2d;
}

.BlockContent a:visited
{
  color: #269a77;
}

/* end Box, BlockContent */

/* begin LayoutCell */
.contentLayout .content
{
	position: relative;
	margin:0;
	padding:0;
	border:0;
	float: left;
	overflow: hidden;
	width: 49%;
}
/* end LayoutCell */

/* begin LayoutCell */
.contentLayout .sidebar1
{
	position: relative;
	margin:0;
	padding:0;
	border:0;
	float: left;
	overflow: hidden;
	width: 25%;
}
/* end LayoutCell */

/* begin LayoutCell */
.contentLayout .sidebar2
{
	position: relative;
	margin:0;
	padding:0;
	border:0;
	float: left;
	overflow: hidden;
	width: 25%;
}
/* end LayoutCell */

.sidebar1 ul, .sidebar2 ul, .sidebar3 ul
{
   list-style: none;
   padding:0;
   margin:0;
}

.sidebar1 ul ul, .sidebar2 ul ul, .sidebar3 ul ul
{
   padding:0 0 0 10px;
}

#footer
{
	text-align: center;
}

.post h2 a
{
	text-decoration: none;
}

.aligncenter, div.aligncenter
{
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft
{
	float: left;
}

.alignright
{
	float: right;
}

.wp-caption
{
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
}

.wp-caption img
{
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text
{
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}

.commentlist li .avatar
{
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
}

#commentform textarea
{
	width: 100%;
	padding: 2px;
}

.hidden
{
	display: none;
}

/* Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
}

#wp-calendar a {
	display: block;
}

#wp-calendar caption {
	text-align: center;
	width: 100%;
}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
}

Thank yoU!!!

esmi

(@esmi)

17 years ago

I saw that the header images was now mis-aligned. To fix it properly (or at least the way I’d do it) would take quite a bit of work because of the way in which that theme is constructed.

Cab you reverse your changes and get it back to where it was initially? I might be able to come up with an easier solution that links most of the header if I can’t manage all of it.

Thread Starter

hannahcraner

(@hannahcraner)

17 years ago

I will change it back right now. Thank you so much

RoseCitySister

(@rosecitysister)

17 years ago

Put this in your stylesheet at the bottom:

.logo .logo-name {width: 986px;height: 250px;margin-top: 0;
margin-left: 0;}

Then delete this table row from your header file that has the description, you don’t appear to be using it anyway:

<tr><td class="logo-text"><?php bloginfo('description'); ?></td></tr>

On edit – I see you’ve also got a couple of divs above this table, so I don’t know if this will be your answer or not.

I wonder why they used a table…

Thread Starter

hannahcraner

(@hannahcraner)

17 years ago

It almost worked! I just have a little space above the header. Thank you! If you know how to get rid of that…I would appreciate it, but thanks for all you have done so far!

esmi

(@esmi)

17 years ago