Hello everyone! Let me start by saying, I think that "Aligning Div Tag" is the right way to explain the help I am looking for. Basically, I am simply trying to move the CSP logo (sprite) in the top left of the site to the bottom right.
The site in need of help is; http://www.glamonthegobytara.com
I have had someone help me create this rollover effect in the form of a sprite, by adding the following css to my css style sheet under the Main Layout Info section of the CSS style sheet.
.sprites { background-image : url(/images/index.png);
background-color : transparent; background-repeat : no-repeat; }
#CSP_Logo_Rollover_png { height : 37px; width : 61px; background-position : -0px -37px; }
#CSP_Logo_Rollover_png:hover { background-position : -0px 0px; }
Then a small amount if "Div tag" code (hence the name of this post) was added to the "Footer.php" file under the templates section of the editor. That code is posted below;
<a href="http://www.chi-sky.com" target="blank"><div class="sprites" id="CSP_Logo_Rollover_png"></div></a>
The whole script for this page including what was there before I added the script from above looks like this;
<?php wp_footer(); ?>
<?php include(TEMPLATEPATH . '/includes/scripts.php'); ?>
<a href="http://www.chi-sky.com" target="blank"><div class="sprites" id="CSP_Logo_Rollover_png"></div></a>
</body>
</html>
Any help would be greatly appreciated. I am still very new to the world of WordPress! Thanks in advance!
-Tim