WordPress.org

Ready to get started?Download WordPress

Forums

Twenty Eleven
Add three images above site title (2 posts)

  1. alanon
    Member
    Posted 1 year ago #

    I am trying to add three images above the site title. I used the following code in header.php (the code after the <body>) :

    <body <?php body_class(); ?>>
    
    <div id="logo-prista"><a HREF="http://www.speleo-prista.org/" ><img SRC="<?php bloginfo('template_directory') ?>/images/prista.jpg"  width=178 height=126 border=0></a></div>
    
    <div id="logo-bsu"><a HREF="http://www.balkan-speleo.org/" ><img SRC="<?php bloginfo('template_directory') ?>/images/bsu.jpg"  width=462 height=86 border=0></a></div>
    
    <div id="logo-bfsp"><a HREF="http://www.speleo-bg.com/" ><img SRC="<?php bloginfo('template_directory') ?>/images/bfsp.jpg"  width=134 height=110 border=0></a></div>

    and in style.css:

    #logo-prista {
    	position:absolute;
    	top:50px;
    	left:880px;
    }
    
    #logo-bsu {
    	position:absolute;
    	top:69px;
    	left:141px;
    }
    
    #logo-bfsp{
     position:absolute;
     top:60px;
     left:684px;
     }

    My test site is http://boxofsand.org/foto
    As you can see my first problem is that the first logo is over the title. I have tried to fix that by editing the position of the title in style.css but I messed up something ( I am not sure exactly what)
    The second problem is when I open the theme in live priview the three images go to the right foto and when I am logged in and the admin bar on the top is showed the three images go up foto. I think the problem here is related to the absolute position of the images I have tried some varinats like changing it to static or relative, but it didn't work.
    So if anyone can help

  2. Andrew
    Forum Moderator
    Posted 1 year ago #

    You can ask CSS-specific queries in CSS-specific forums.

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic