Ascribe Higher Z-index to Text Links in HTML ?

Hi folks,

Can anyone advise me how to set the z-index of clickable links in html?

Most of the examples I find are given in css format (which generally seem to be the same thing as html but in different format..). I guess it wouldn’t matter which format so long as i know where to insert the code. Anyway here is the problem:

The problem/s:
Editing in the footer. The bottom line. Have inserted a moving bird image which crosses the bottom line. There is also a paypal donate button. I noticed that the donate button was unclickable, but I managed to fix that either by increasing its z-index or decreasing that of the bird image.

I didn’t realise until recently that the other links on the bottom line were also put out of commision…

So I’m in the footer.php and want to ascribe a higher z-index to one or more of the links in the bottom line as to make them clickable. I would basically like to see an example of how I can achive this.

The other thing is that I would still like the bird image to be on top, at the moment it is underneath the paypal donate button otherwise the button is not clickable. I assume there is away to fix this.

I have also got the same problem with the butterfly image at the menu which flies across the screen. It caused various issues, some of which I have fixed but the menu still seems to have issues, when the image reaches certain points it interferes with menu functionality. The sidebar has also suffered, I got the translate tab working but the globe is not interactive anymore.

So basically I’d like to have the butterfly float across the top but with a lower z-index, at the moment it goes behind certain elements.

So anything anyone could suggest, advise or answer I would be very greatful, I will put the footer.php code in question here (so basically from ‘copyright’ onwards):

[ Moderator note: code fixed. Please wrap code in the backtick character or use the code button. ]

<?php
/**
 * The template for displaying the footer.
 *
 * Contains the closing of the id=main div and all content after
 *
 * @package UU2014
 */
?>

</div><!-- #content -->

<footer id="colophon" class="site-footer" role="contentinfo">
<div id="footer-widget-area" class="footer-widget-area widget-area">
  <?php if (!dynamic_sidebar('footer-widget')) :
			echo '<p>?</p>';
		endif; ?></div>
  <div class="site-info" >
    <?php do_action('uu2014_credits'); ?>
    <p> Copyright ? <?php echo date("Y"); ?>:
      <a>"><?php bloginfo('name'); ?></a>? (All Rights Reserved)
      <span class="sep"> | </span>
      <a>"><?php printf(__('WordPress Theme : %1$s', 'uu2014'), 'UU2014'); ?></a>
      <span class="sep"> | </span>
      <a>" title="Login">Login</a>
      <span class="sep"> | </span><a href="https://affiliate.orangewebsite.com/idevaffiliate.php?id=10428_0_3_1">OrangeWebsite.com - Green Web Hosting in Iceland</a>
      <span class="sep"> | </span><a>Contact us</a>
  </div><!-- .site-info -->
</footer><!-- #colophon -->

</div><!-- #page -->
<?php wp_footer(); ?>
</body>
</html>

Many thanks, Darren