Hi guys
I have a .newsletter class on the footer of this page,
http://netogic.com/wp/
The problem is the texts is right aligned, It supposed to be left aligned.
CSS:
/****************************/
/* Footer */
/****************************/
#footerWrapper { background:url(http://netogic.com/wp/qa-theme/Candy/footer_bg.jpg) top center repeat-x; width:100%; float:left; clear:both; }
#footerWrapper .footer { width:845px; margin:0 auto; }
.footerInner { float:left; width:845px; padding:26px 0 11px 0; background:url(http://netogic.com/wp/qa-theme/Candy/footer_logo.gif) center left no-repeat; }
.footerInner .footerLeft { width:545px; float:left; }
.footerInner .footerLeft h4 { color:#FFFFFF; font-size:14px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; width:545px; float:left; }
.footerInner .footerLeft p { color:#FFFFFF; font-size:14px; padding:0 0 5px 0; }
.footerInner .footerLeft span { float:left; padding:0 2px 0 0; }
.footerInner .footerLeft span input { background:url(http://netogic.com/wp/qa-theme/Candy/text_box.gif) top left no-repeat; width:100px; font-size:12px; color:#a5a4a4; font-weight:bold; float:left; padding:7px 10px 8px 10px; }
.footerInner .footerLeft .newsletter { float:left; width:370px; }
.footerInner .footerLeft .social img { float:left; padding:0 5px 0 0; }
.footerInner p.copyright { float:left; text-align:left; width:auto; padding:10px 0 0 0; color:#FFFFFF; font-size:12px; width:527px; line-height:18px; font-family:Arial, Helvetica, sans-serif; }
.footerInner ul.rightAligned { float:right; width:162px; }
.footerInner ul.rightAligned li { display:inline; float:left; color:#ffffff; padding:0 15px 10px 0; }
.footerInner ul.rightAligned li.paddRight0px { padding:0 0 10px 0; float:right; }
.footerInner ul.rightAligned li a { float:left; color:#ffffff; text-decoration:none; }
-->
</style>
Footer Html:
<div id="footerWrapper">
<div class="footer">
<!-- Footer Begins -->
<div class="footerInner">
<div class="footerLeft">
<div class="newsletter">
<h4>Join our Newsletter:</h4>
<p>WritePass news straight to your inbox</p>
<span>
<input type="text" value="Name" id="name" name="name" onfocus="gotFocus(this,'Name');" onblur="lostFocus(this,'Name');" />
</span> <span>
<input type="text" value="Email" id="email" name="email" onfocus="gotFocus(this,'Email');" onblur="lostFocus(this,'Email');" />
</span>
<input type="image" src="http://netogic.com/wp/qa-theme/Candy/submit.gif" alt="Submit" title="Submit" />
</div>
<div class="social"><a href="javascript:void(0);" title="Google Plus"><img src="http://netogic.com/wp/qa-theme/Candy/g+.png" alt="Google Plus" /></a><a href="javascript:void(0);" title="Twitter"><img src="http://netogic.com/wp/qa-theme/Candy/twitter.png" alt="Twitter" /></a><a href="javascript:void(0);" title="Facebook"><img src="http://netogic.com/wp/qa-theme/Candy/fb.png" alt="Facebook" /></a></div>
<p class="copyright">Copyright © Write Enterprise Ltd. (7496682). VAT No 1234567 Registerd in England and Wales.
Registerd Office: 145-157 St John Street. London. United Kingdom. EC1V 4PY</p>
</div>
<ul class="rightAligned">
<li><a href="javascript:void(0);" title="Sage Pay"><img src="http://netogic.com/wp/qa-theme/Candy/sage_pay.png" alt="" /></a></li>
<li class="paddRight0px"><a href="javascript:void(0);" title="Paypal"><img src="http://netogic.com/wp/qa-theme/Candy/paypal.png" alt="" /></a></li>
<li><a href="javascript:void(0);" title="Visa"><img src="http://netogic.com//wp/qa-theme/Candy/visa.png" alt="" /></a></li>
<li><a href="javascript:void(0);" title="Delta"><img src="http://netogic.com//wp/qa-theme/Candy/delta.png" alt="" /></a></li>
<li class="paddRight0px"><a href="javascript:void(0);" title="Maestro"><img src="http://netogic.com//wp/qa-theme/Candy/maestro.png" alt="" /></a></li>
<li><a href="javascript:void(0);" title="Visa Electron"><img src="http://netogic.com//wp/qa-theme/Candy/visa_electron.png" alt="" /></a></li>
<li><a href="javascript:void(0);" title="Master Card"><img src="http://netogic.com//wp/qa-theme/Candy/master.png" alt="" /></a></li>
<li class="paddRight0px"><a href="javascript:void(0);" title="Solo"><img src="http://netogic.com//wp/qa-theme/Candy/solo.png" alt="" /></a></li>
</ul>
</div>
</div>
</div>
Thanks in advanced.