• Resolved Franksplace2

    (@franksplace2)


    I have reviewed the numerous postings on this topic and tried several solutions. I would appreciate help with this problem.

    The good news is my rollover image is inserted on the page:

    https://stmichaelspecialschool.com/?page_id=37

    The bad news is it is too high. The code I an inserting created in Dreamweaver and begins like this:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="https://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Rollover Image</title>
    <script type="text/javascript">
    <!--
    function MM_swapImgRestore() { //v3.0
      var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
    }

    and it ends like this

    function MM_swapImage() { //v3.0
      var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
       if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
    }
    //-->
    </script>
    </head>
    
    <body onLoad="MM_preloadImages('Images/InsigniaSH_o.gif')">
    
    <a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('RO Insignia','','Images/InsigniaSH_o.gif',1)"><img src="Images/InsigniaSH.gif" alt="Insignia" name="RO Insignia" width="106" height="100" border="0" id="RO Insignia" /></a>
    </body>
    </html>
    
    </head>

    I am putting this code in header.php in my child of twentyeleven.

    The place where I am putting the code (I tried several locations.) looks like this:

    wp_head();
    ?>  
    
    <body <?php body_class(); ?>>
    <div id="page" class="hfeed">
    
       	<header id="branding" role="banner">
    			<hgroup>       
    
    				<h1 id="site-title"><span><a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></span></h1>
    				<h2 id="site-description"><?php bloginfo( 'description' ); ?></h2>
    			</hgroup>

    I tried putting it above <body <?php body_class(); ?>> no change
    I tried putting it above <header id="branding" role="banner"> fills the page
    I tried putting it above <h1 id="site-title"> fills the page.

    What am I doing wrong??

    Thank you for your help.

    Frank

Viewing 1 replies (of 1 total)
Viewing 1 replies (of 1 total)
  • The topic ‘How to insert image next to header again’ is closed to new replies.