Email Form Help, Transfer my form to responsive Options

[cds1234]

Hi group,
I am new, so I hope I do well in explaining my information. I truly appreciate anyone's help to get this done.

I have my PhP set up and working correctly through Godaddy. I know web authors prefer more robust PhP handling, but I have no issues with this as it is working fine for me, I understand the procedure, and have tested it working.

This is what I have made that is working fine:

<form name="Subscribexxxxx" action="http:/xxxxx.com/gdform.php" method="post">
<input type="hidden" name="subject" value="Subscribexxxxx">
<input type="hidden" name="redirect" value="/xxxxx/index.html">
Email: <input type="text" name="email" />
<input type="submit" name="Action" value="Submit">
</form>


I have a responsive site that someone is helping me to complete.
I like the design they have made for this part of the site: Sign Up or Email Updates... space to enter email...responsive scalable 'submit' button.
I am in the process of deciding final color scheme for the button etc.

The code for this section of the site is:

<!-- Subscribe -->
<section class="subscribe">
<div class="row">
<div class="small-12 large-6 columns">
<h4>Sign Up For EMail Updates</h4>
</div>
<div class="small-12 large-6 columns">
<!-- subscribe form -->
<div class="row collapse">
<div class="small-8 columns">
<input type="text" placeholder=" />
</div>
<div class="small-4 columns">
<span class="postfix button">Subscribe</span>
</div>
</div>
</div>
</div>
</section>

Can anyone please help me to make my code work in the context of the responsive code for the site so it appears the way it is designed?
Thank you SO much in advance for any help.

[Christian J]

I suppose you could use the form code instead of the INPUT element in the "responsive" example. But it's hard to say without seeing the CSS also (or better a live demo).

[cds1234]

Hi Christian,

I think showing a demo will just show that the line of mine that works needs to go in place of the part that doesn't.

Here is the CSS dealing with their form line:
}

section.subscribe {
padding-bottom: 0.5em;
background: rgba(89,89,89,0.3);
}

section.subscribe h4 {
margin: 0px;
}

form {
margin: 0px;
}

.button,
span.postfix,
a.button,
ul.right li.has-form a.button {
background: #7A6B26;
color: #ffffff;
}

span.postfix:hover,
.button:hover {
background: #453F22;
}

I suppose you could use the form code instead of the INPUT element in the "responsive" example. But it's hard to say without seeing the CSS also (or better a live demo).

[cds1234]

Using foundation

[cds1234]

http://www.w3resource.com/zurb-foundation3/buttons.php

I have made the button work to submit, but now the issue is that it is a slightly larger size than regular button:

<input type="submit" class="button" value="Subscribe">
is there a way to define this as the regular size button and to submit the data?