How do I background img into a link?

Discussion in 'HTML & Website Design' started by MDStidham, Apr 2, 2007.

0
  1. #1
    Hello everyone,

    This is the problem, I would like my header on HollywoodHeadache.com to be a link back to the main page. I have looked though the files though and i can't figure out where or how to do it. I would appreciate any help that i could get. THANKS FOR YOUR TIME!

    here is the header css:
    .header {  
	height: 267px; 
	background: url(images/header.jpg) no-repeat center bottom;
	color: #FFF; 
}
    Code (markup):
    here is my header.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">

<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="description" content="The latest hollywood celebrity gossip and hollywood celebrity news about your favorite hollywood celebrities. We feature tons of hollywood celebrity gossip articles and ask for reader opinions. This is a hollywood celebrity blog that is updated daily!" />

<meta name="keywords" content="hollywood celebrity, hollywood celebrity gossip, hollywood celebrity news, hollywood celebrity blog, hollywood celebrity ramblings, hollywood celebrity rants, hollywood celebrity scoop, actors, actresses, famous people, models, blog" />

<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />

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

<?php wp_get_archives('type=monthly&format=link'); ?>

<?php wp_head(); ?>

<link rel="Shortcut Icon" href="/favicon.ico">

</head>


<body>

<div class="content">
		<div class="header">
		    <div class="time">
			<b><?php echo date('l, F j, Y'); ?></b>
			</div>
			<div class="hmenu">
			<ul>

			<li class="page_item"><a href="<?php bloginfo('url'); ?>">Home</a></li>

			<?php wp_list_pages('depth=1&title_li='); ?>

			</ul>

			</div>
			
		</div>
    Code (markup):

     
    MDStidham, Apr 2, 2007 IP
  2. smfseo

    smfseo Well-Known Member

    Messages:
    886
    Likes Received:
    31
    Best Answers:
    0
    Trophy Points:
    150
    #2
    I am a noob myself but I think that picture in the header is part of the background and isint possible to hyperlink to homepage in that case.

    It will take a bit of editing to do that...
     
    smfseo, Apr 2, 2007 IP
  3. Louis11

    Louis11 Active Member

    Messages:
    783
    Likes Received:
    26
    Best Answers:
    0
    Trophy Points:
    70
    #3
    You can't link a background. You can use a map, just use an image like <a href="site.com"><img src="image.gif" alt="blah" /></a> or just find a way to put a transparent block display over your image or something.
     
    Louis11, Apr 2, 2007 IP