[resolved] Adding image in the Header. (3 posts)

  1. Inv_Trdr
    Posted 6 years ago #

    I am using the header.php code below for my header. I have an image occupying about 70% of the header and the rest is for the text and slogan. How do I add a small image/logo in the header (text part) just above where the text and slogan are?

    Thank you.

    <!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'); ?>" />
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
    <title><?php if (is_home () ) { bloginfo('name'); } elseif ( is_category() ) { single_cat_title(); echo ' - ' ; bloginfo('name'); }
     elseif (is_single() ) { single_post_title(); }
     elseif (is_page() ) { bloginfo('name'); echo ': '; single_post_title(); }
     else { wp_title('',true); } ?></title>
    <script type="text/javascript" src="<?php bloginfo('template_url'); ?>/script.js"></script>
    <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
    <!--[if IE 6]><link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/style.ie6.css" type="text/css" media="screen" /><![endif]-->
    <!--[if IE 7]><link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/style.ie7.css" type="text/css" media="screen" /><![endif]-->
    <link rel="alternate" type="application/rss+xml" title="<?php printf(__('%s RSS Feed', 'kubrick'), get_bloginfo('name')); ?>" href="<?php bloginfo('rss2_url'); ?>" />
    <link rel="alternate" type="application/atom+xml" title="<?php printf(__('%s Atom Feed', 'kubrick'), get_bloginfo('name')); ?>" href="<?php bloginfo('atom_url'); ?>" />
    <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
    <?php wp_head(); ?>
        <div id="art-page-background-gradient"></div>
    <div id="art-page-background-glare">
        <div id="art-page-background-glare-image"></div>
    <div id="art-main">
    <div class="art-Sheet">
        <div class="art-Sheet-tl"></div>
        <div class="art-Sheet-tr"></div>
        <div class="art-Sheet-bl"></div>
        <div class="art-Sheet-br"></div>
        <div class="art-Sheet-tc"></div>
        <div class="art-Sheet-bc"></div>
        <div class="art-Sheet-cl"></div>
        <div class="art-Sheet-cr"></div>
        <div class="art-Sheet-cc"></div>
        <div class="art-Sheet-body">
    <div class="art-nav">
    	<div class="l"></div>
    	<div class="r"></div>
    	<ul class="art-menu">
    		<?php art_menu_items(); ?>
    <div class="art-Header">
        <div class="art-Header-jpeg"></div>
    <div class="art-Logo">
        <h1 id="name-text" class="art-Logo-name">
            <a href="<?php echo get_option('home'); ?>/"><?php bloginfo('name'); ?></a></h1>
        <div id="slogan-text" class="art-Logo-text">
            <?php bloginfo('description'); ?></div>
  2. allyanders
    Posted 6 years ago #

    Have you tried setting the small logo as a background for a tag that surrounds the text/slogan? Align it to top ( background: url() top center no-repeat;) and see if that works. It looks like perhaps you could set the background on h1 #name-text.

    Does that make any sense? I'm not the best at this sort of thing. I usually just keep trying stuff until it works the way I want. I know, very scientific. If it were me, I'd incorporate the site title and slogan into the header image and make it 100%.

  3. Inv_Trdr
    Posted 6 years ago #

    I want the small image/logo to be below the text and slogan. Something like a href and img src combination that will point to the logo in my html directory.
    Thank you.

Topic Closed

This topic has been closed to new replies.

About this Topic