How to insert image next to header again
-
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
- The topic ‘How to insert image next to header again’ is closed to new replies.