Having trouble with clickable Kubrick header

  • Isara

    (@isara)


    17 years, 2 months ago

    Alright, I have looked at every tutorial, followed every instruction I can find, and I am certain I am missing something simple somewhere, but my header absolutely refuses to be clickable.

    Here’s the blog I’m trying to edit: opensource

    Can anyone help me pinpoint where I’m going wrong? I’m using the default Kubrick template, and in the last attempt, I changed the Header.php code to look like so:

    <extra stuff>

<title><?php bloginfo('name'); ?> <?php if ( is_single() ) { ?> &raquo; Blog Archive <?php } ?> <?php wp_title(); ?></title>

<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'); ?>" />

<style type="text/css" media="screen">

<?php
// Checks to see whether it needs a sidebar or not
if ( !empty($withcomments) && !is_single() ) {
?>
	#page { background: url("<?php bloginfo('stylesheet_directory'); ?>/images/kubrickbg-<?php bloginfo('text_direction'); ?>.jpg") repeat-y top; border: none; }
<?php } else { // No sidebar ?>
	#page { background: url("<?php bloginfo('stylesheet_directory'); ?>/images/kubrickbgwide.jpg") repeat-y top; border: none; }
<?php } ?>

</style>

<?php wp_head(); ?>
</head>
<body>
<div id="page">

<div id="header">
<div id="headerimg" onclick="location.href='http://magnes.org/';" style="cursor: pointer;" title="Magnes home"></div>
</div>
</div>
<hr />

    I had mucked around with the style.css file as well, to get rid of the title and description texts. That looks like this:

    /* Begin Typography & Colors */

#page {
	background-color: white;
	border: 1px solid #959596;
	text-align: left;
	}

#header {
	background: #73a0c5 url('images/kubrickheader.jpg') no-repeat bottom center;
	}

#headerimg 	{
	margin: 7px 9px 0;
	height: 192px;
	width: 740px;
	}

*******

h1, h2, h3 {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: bold;
	}

h1 {
	font-size: 4em;
	text-align: center;
display: none;
	}

#headerimg .description {
	font-size: 1.2em;
	text-align: center;
display: none;
	}

*****

h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {
	text-decoration: none;
	color: white;
	}

*****

/* Begin Structure */
body {
	margin: 0 0 20px 0;
	padding: 0;
	}

#page {
	background-color: white;
	margin: 20px auto;
	padding: 0;
	width: 760px;
	border: 1px solid #959596;
	}

#header {
	background-color: #73a0c5;
	margin: 0 0 0 1px;
	padding: 0;
	height: 200px;
	width: 758px;
	}

#headerimg {
	margin: 0;
	height: 200px;
	width: 100%;
	}

*****

/*	Begin Headers */
h1 {
	padding-top: 70px;
	margin: 0;
	}

    apologies for any extraneous code. I’m new to CSS and don’t know PHP at all. Just tried to grab anything which might be relevant.

    thanks in advance.

The topic ‘Having trouble with clickable Kubrick header’ is closed to new replies.

Tags