![]() |
|
||||||
|
|
Thread Tools | Display Modes |
|
#1
|
|||
|
|||
|
Hi,
I need a little bit of CSS help. If you see my homepage - www.safalniveshak.com - I have a sign-up box for a newsletter right on top of my posts. The button - Sign Me Up - is coming on the next line of the box for email address. How can I bring this button in line with the email box? Here is my Mailchimp code for the signup box: -------- <img src="http://www.safalniveshak.com/wp-content/uploads/2011/10/SN-Homepage-1.png" align="left"><center><!-- Begin MailChimp Signup Form --><!--[if IE] ><style type="text/css" media="screen"> #mc_embed_signup fieldset {position: relative;} #mc_embed_signup legend {position: absolute; top: -1em; left: .2em;}</style><![endif]--><!--[if IE 7]><style type="text/css" media="screen"> .mc-field-group {overflow:visible;}</style><![endif]--><div id="mc_embed_signup"> <form action="http://safalniveshak.us2.list-manage.com/subscribe/post?u=dfffd9e0dc3c1e2bec89cab7a&id=03f5180b7c " method="post" id="mc- embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" style="font: normal 100% Arial, sans-serif;font-size: 10px;"> <fieldset style="-moz-border-radius: 5px;border-radius: 5px;-webkit-border-radius: 5px;border: 1px solid #fff;padding-top: 0.5em;margin: .5em 0;background-color: #fff;color: #000;text-align: left; width: 80%;"><div class="mc-field-group" style="margin: 0.8em 5%;clear: both;overflow: hidden;"><input type="text" size="20" value="Enter your email to sign up..." name="EMAIL" onblur="if (this.value == '') {this.value = 'Enter your email to sign up...';}" onfocus="if (this.value == 'Enter your email to sign up...') {this.value = '';}" class="required email" id="mce-EMAIL" style="margin-right: 1.5em;padding: .2em .3em;width: 80%; height: 1.8em; float: left;z-index: 999; border- radius: 0;-webkit-border-radius: 0x;border: 3px solid #ccc;"> </div> <div id="mce-responses" style="float: left;top: -1.4em;padding: 0em .5em 0em .5em;overflow: hidden;width: 80%;margin: 0 5%;clear: both;"> <div class="response" id="mce-error-response" style="display: none;margin: 1em 0;padding: 1em .5em .5em 0;font-weight: bold;float: left;top: -1.5em;z-index: 1;width: 80%;background: FBE3E4;color: #D12F19;"></div> <div class="response" id="mce-success-response" style="display: none;margin: 1em 0;padding: 1em .5em .5em 0;font-weight: bold;float: left;top: -1.5em;z-index: 1;width: 80%;background: #E3FBE4;color: #529214;"></div> </div> <div><input class="form_submit_1" input type="submit" value="Sign Me Up!" name="subscribe" id="mc-embedded-subscribe" class="btn" style="clear: both;width: 100px;margin: 1em 0 1em 5%;"></div> </fieldset><a href="#" id="mc_embed_close" class="mc_embed_close" style="display: none;">Close</a></form></div><!--End mc_embed_signup-- ></center> ----------- Pls help! Regards, Vishal |
| Thread Tools | |
| Display Modes | |
|
|
© Copyright 2012 Copyblogger Media LLC · StudioPress™ is a trademark of Copyblogger Media LLC
Privacy Policy | Refund Policy | Terms of Service | Affiliate Program | Contact Us