Trying to place feed icon on top of header?

  • I’m trying to put a 20×20 RSS feed icon on the top of the header image in my blog. I want it to appear on top of the upper right hand corner of the header image. Unfortunately, all my attempts have put it above the blog title and pushed everything else down in my header.

    What I probably want it to get the image opposite the blog title (and on the same “row”. This seems like a fairly standard design, but I could not find it when I searched.

    Any help would be appreciated.

    Here is my header code:

    <style type="text/css" media="screen">
#header{background: none;}
#headerimg {
  height: 216px;
  width: 798px;
  position: absolute;
  z-index: -1;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='<?php bloginfo('template_url'); ?>/images/header.png');
}
p img { width: expression(this.width > 450 ? "100%" : true); }
</style>
<![endif]-->
<?php wp_head(); ?>
</head>
<body>
<div id="header">
    <div id="headerimg"></div>
    <h1><a href="<?php echo get_option('home'); ?>/"><?php bloginfo('name'); ?></a></h1>
    <div class="description"><?php bloginfo('description'); ?></div>

</div>

    And here is my CSS (which I think is pretty standard):

    #header h1{
  font-size: 24px;
  font-weight: bold;
  margin: 0;
  padding: 26px 0 0 36px;
  text-align: left;
  }
#header h1 a{
  color: #fff;
  text-decoration: none;
  }
#header .description {
  margin: 0;
  padding: 10px 0 119px 36px;
  color: #fff;
  font-size: 15px;
  text-align: left;
  }
Viewing 1 replies (of 1 total)
Viewing 1 replies (of 1 total)
  • The topic ‘Trying to place feed icon on top of header?’ is closed to new replies.