Note: I've been (on and off - depending on how much free time and energy I have available) trying to teach myself HTML and CSS, I'm getting there, slowly but surely.
Anyway, I have a footer, and the right edge of it also doubles as a "Top" button for linking to the top of the page (see screenshot). I've been trying to use CSS to place my images, rather than coding the images/tables in HTML, and wondered if there's a way of making the "Top" button take you to the top of the document, using CSS?
Here's my CSS code and my HTML code for my footer:
/* Footer */
background: url(/home/images/footer/shimmyst_green_footer_left.gif) left bottom;
background: #fff url(/home/images/footer/shimmyst_green_footer_middle.gif) repeat-x bottom left;
font: 8pt Arial, Verdana, Helvetica, sans-serif;
background: url(/home/images/footer/shimmyst_green_footer_right.gif) bottom right;
Any ideas on how to achieve what I'm trying to achieve?
<!-- Footer -->
<table width="800" border="0" cellpadding="0" cellspacing="0">
<td id="footer_left"> </td>
<td id="footer_middle" width="700" height="100">Shimmering Mysteries © 2006, All Rights Reserved.</td>
<!-- End Footer -->
Many thanks in advance.