StudioPress Community Forums
  StudioPress Community Forums > Forums > General Discussion
For help and support, access to your downloads, or to manage your account please log into My StudioPress.

These forums have been set to read-only so you can browse the existing topics for any questions you may have.

For general discussion on WordPress, CSS and design (NOT for support) visit the new Community Forums.
 
 
Thread Tools Display Modes
Prev Previous Post   Next Post Next
  #1  
Old 10-04-2011, 02:59 PM
safalniveshak safalniveshak is offline
Registered User
Genesis Member
 
Join Date: Jan 2011
Posts: 194
Default Button alignment...

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&amp;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

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT -5. The time now is 07:37 PM.

Powered by vBulletin® Version 3.8.4
Copyright ©2000 - 2013, Jelsoft Enterprises Ltd.