I am using innerfade with jQuery to have some lines of text fade in and out in a banner. However, I can't for the life of me get this text to be right aligned. I can get it aligned just fine before adding the innerfade but once innerfade is running, the alignment moves back to the left. Any help is much appreciated.
Here is the code trimmed down to only what is necessary. The problem persists with even just this minimalist setup.
Question
jordan.
Hi guys,
I am using innerfade with jQuery to have some lines of text fade in and out in a banner. However, I can't for the life of me get this text to be right aligned. I can get it aligned just fine before adding the innerfade but once innerfade is running, the alignment moves back to the left. Any help is much appreciated.
Here is the code trimmed down to only what is necessary. The problem persists with even just this minimalist setup.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>Jasmine Hill Antigua</title> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/jquery.innerfade.js"></script> <script type="text/javascript"> $(document).ready( function(){ $('#banner').innerfade({ animationtype: 'fade', speed: 1500, timeout: 5000, type: 'sequence', containerheight: 'auto' }); } ); </script> <style type="text/css"> #banner { text-align: right; } </style> </head> <body> <div id="banner"> <p>...Scenter by Jasmine...</p> <p>...Surrounded by Ocean...</p> <p>...Soothed by Tradewinds...</p> <p>...The Perfect Escape...</p> <h1>Jasmine Hill</h1> </div> </body> </html>Link to comment
Share on other sites
2 answers to this question
Recommended Posts