I have basic html knowledge but not too clued up on PHP. I am trying to add a gif to the left and right sides of the menu which appears horizontally, just below the header. I am using a Sandbox theme so it seems quite plain.
The images I have are named menuL.gif and menuR.gif. They are 29px high gifs to make the left and right sides look like they have rounded corners. I am trying to add these into a div either side of the menu coding in functions.php but I am not having much luck as they menuL.gif image appears on its own line above the menu and menuR.gif appears on its own line below the menu.
Basically I am after
(IMAGE menuL.gif)(WordPress generated menu list)(IMAGE menuL.gif)
This is the code where I am trying to add these images:
function sandbox_globalnav() {
echo '<div id="menu"><ul>';
$menu = wp_list_pages('title_li=&sort_column=menu_order&echo=0'); // Params for the page list in header.php
echo str_replace( array( "\r", "\n", "\t" ), '', $menu );
echo "</ul></div> \n";
}
This is the only other relevant code which you may want to see in the header.php:
<div id="access">
<div class="skip-link"><a href="#content" title="<?php _e('Skip navigation to the content', 'sandbox'); ?>"><?php _e('Skip to content', 'sandbox'); ?></a></div>
<?php sandbox_globalnav() ?>
</div><!-- #access -->
These are the images I am trying to insert etiher side of the menu:
<img src="http://127.0.0.1/wp/wp-content/themes/sandbox/menuL.gif" />
<img src="http://127.0.0.1/wp/wp-content/themes/sandbox/menuR.gif" />
Anyone know what I can change or where the images should be inserted? If you require more information please let me know and I will get back to you asap! Many thanks in advance! :)