Forums

WordPress › Support » Themes and Templates

[resolved] Inserting a logo before the title - allmost there (5 posts)

  1. RipRapRob
    Member
    Posted 2 years ago #

    I'm trying to insert a logo before the title of my Blog on http://www.rob.dk/blog/

    As your can see, I'm not quite there yet :o)

    In my CSS I've added this:

    #header {
	height: 100px;
	background: url('images/rob_logo.gif') no-repeat bottom center;
	}

#headerimg 	{
	margin: 7px 9px 0;
	height: 110px;
	width: 310px;
        background-position: left;
	}

    And in my Header file I have this:

    <body>
<div id="page">
  <div id="wrapper">
    <div id="header">
    <div id="headerimg"></div>
      <h1><a href="<?php echo get_settings('home'); ?>"><?php bloginfo('name'); ?></a></h1>
      <div class="description"><?php bloginfo('description'); ?></div>
      <?php include (TEMPLATEPATH . '/searchform.php'); ?>
    </div><!-- /header -->

    The result I'm looking for is this:

    Logo in top left (where the title starts now) 'pushing' the title and the slogan to the right.

    If this was HTML I would have solved it by now, but when positioning using CSS I'm a noob :o(

    Any help greatly appreciated!

    Thanks!

  2. shadow
    Moderator
    Posted 2 years ago #

    Do you mean you want the current image in your header to sit to the left and the words[title/description] to the right of the image?

  3. shadow
    Moderator
    Posted 2 years ago #

    I will just assume that is what you are trying to do...

    So, change the code you now have to the following:

    #header {
	height: 100px;
	background: url('images/rob_logo.gif') no-repeat top left;
	}

    and in your description and h1 elements change the current left:25px to something like 305px instead

  4. RipRapRob
    Member
    Posted 2 years ago #

    Precisely!

    Thanks a lot!

    /Rob

  5. RipRapRob
    Member
    Posted 2 years ago #

    Any way I can make the logo clickable (linking to "home", just like the text)?

    /Rob

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags