Need help to modify subscription form

by Kuma

Posted: 13 years ago 9 replies

WEB DESIGN

Can anybody tell me how to align the input boxes in this code so that they are right or left aligned. I am helpless with forms ... and Dreamweaver does not give me a clue either

</div>
<form action="http://www.imnicamail.com/v4/subscribe.php" accept-charset="UTF-8" method="post">
<div class="o-form-row"><label for="FormValue_EmailAddress">Email Address</label>
<input id="FormValue_EmailAddress" name="FormValue_Fields[EmailAddress]" type="text" /></div>
<div class="o-form-row"><label for="FormValue_CustomField6297">Firma</label>
<input id="FormValue_CustomField6297" name="FormValue_Fields[CustomField6297]" type="text"

/></div>
<div class="o-form-row"><label for="FormValue_CustomField6295">First Name</label>
<input id="FormValue_CustomField6295" name="FormValue_Fields[CustomField6295]" type="text"

/></div>
<div class="o-form-row"><label for="FormValue_CustomField6296">Last Name</label>
<input id="FormValue_CustomField6296" name="FormValue_Fields[CustomField6296]" type="text"

/></div>
<div class="o-form-row"><label for="FormValue_CustomField6298">Telefonnummer (mit Vorwahl)

</label>
<input id="FormValue_CustomField6298" name="FormValue_Fields[CustomField6298]" type="text"

/></div>
<input id="FormButton_Subscribe" name="FormButton_Subscribe" type="submit" value="Subscribe" />

<input name="FormValue_ListID" type="hidden" value="4529" /> <input id="FormValue_Command"

name="FormValue_Command" type="hidden" value="Subscriber.Add" />

</form>

</div>

I would really appreciate or maybe someone can help me doing it for a few $$ if required.

#form #modify #subscription

Big Squid 13 years ago

The easiest way I know is to put the form in a table. Something like:

<form>
<table>
<tr>
<td><label for=#>LABEL</label></td>
<td><input for=# /></td>
</tr>
</table>
</form>

Does that make sense?
- [ 1 ] Thanks
- 1 reply
{{ DiscussionBoard.errors[3190097].message }}
- Kuma 13 years ago
  
  Thanks a lot Big Squid that´s probably the way to go. As I am not yet sure how and where exactly to combine your table codes with the autoresponder code I got (Imnica is price worhty but they just give you a basic html code and then you can spend hours to adjust it- terrible) I still have to fiddle with the code.
  I originally thought I could solve this with the Dreamweaver css box rules but I guess I doesn´t work without tables.
  Hope I can get it working
  
  Thanks
  
  Signature
  http://inflatablepontoonboat.net/
  
  {{ DiscussionBoard.errors[3192523].message }}

e-mail2u

13 years ago

here is for align right.

Code:

div>
    &nbsp;</div>
<form accept-charset="UTF-8" action="http://www.imnicamail.com/v4/subscribe.php" method="post">
    <div class="o-form-row" style="text-align: right">
        <label for="FormValue_EmailAddress">Email Address</label> <input id="FormValue_EmailAddress" name="FormValue_Fields[EmailAddress]" /></div>
    <div class="o-form-row" style="text-align: right">
        <label for="FormValue_CustomField6297">Firma</label> <input id="FormValue_CustomField6297" name="FormValue_Fields[CustomField6297]" /></div>
    <div class="o-form-row" style="text-align: right">
        <label for="FormValue_CustomField6295">First Name</label> <input id="FormValue_CustomField6295" name="FormValue_Fields[CustomField6295]" /></div>
    <div class="o-form-row" style="text-align: right">
        <label for="FormValue_CustomField6296">Last Name</label> <input id="FormValue_CustomField6296" name="FormValue_Fields[CustomField6296]" /></div>
    <div class="o-form-row" style="text-align: right">
        <label for="FormValue_CustomField6298">Telefonnummer (mit Vorwahl) </label><input id="FormValue_CustomField6298" name="FormValue_Fields[CustomField6298]" /></div>
    <p style="text-align: right">
        <input id="FormButton_Subscribe" name="FormButton_Subscribe" type="submit" value="Subscribe" /> <input name="FormValue_ListID" type="hidden" value="4529" /> <input id="FormValue_Command" name="FormValue_Command" type="hidden" value="Subscriber.Add" /></p>
</form>
<!-- .o-form{background-color:#FFF4ED;border:1px solid #814913;} .o-form form

{margin:0px;padding:0px;} .o-form .o-form-header{background-color:#814913;padding:9px;} .o-form h2

{color:#fff;font-family:Arial,sans-serif;font-size:18px;line-height:27px;margin:0px;padding:0px;} .o-form

p{color:#fff;font-family:Arial,sans-serif;font-size:12px;line-height:18px;margin:0px;padding:0px;} .o-form

.o-form-row{margin-top:9px;padding:0 9px;} .o-form .o-form-row label{color:#814913;font-

family:Arial,sans-serif;font-size:12px;display:block;font-weight:bold;} .o-form input[type="text"]

{border:1px solid #814913;color:#814913;padding:5px 7px;} .o-form input[type="submit"]{margin:20px

9px 18px 9px;} --><div>
    &nbsp;</div>

for aligned left you can try this

Code:

div>
    &nbsp;</div>
<form accept-charset="UTF-8" action="http://www.imnicamail.com/v4/subscribe.php" method="post">
    <div class="o-form-row">
        <label for="FormValue_EmailAddress">Email Address</label> <input id="FormValue_EmailAddress" name="FormValue_Fields[EmailAddress]" /></div>
    <div class="o-form-row">
        <label for="FormValue_CustomField6297">Firma</label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <input id="FormValue_CustomField6297" name="FormValue_Fields[CustomField6297]" /></div>
    <div class="o-form-row">
        <label for="FormValue_CustomField6295">First Name&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </label>&nbsp;<input id="FormValue_CustomField6295" name="FormValue_Fields[CustomField6295]" /></div>
    <div class="o-form-row">
        <label for="FormValue_CustomField6296">Last Name</label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <input id="FormValue_CustomField6296" name="FormValue_Fields[CustomField6296]" /></div>
    <div class="o-form-row">
        <label for="FormValue_CustomField6298">Telefonnummer (mit Vorwahl) </label><input id="FormValue_CustomField6298" name="FormValue_Fields[CustomField6298]" /></div>
    <p>
        <input id="FormButton_Subscribe" name="FormButton_Subscribe" type="submit" value="Subscribe" /> <input name="FormValue_ListID" type="hidden" value="4529" /> <input id="FormValue_Command" name="FormValue_Command" type="hidden" value="Subscriber.Add" /></p>
</form>
<!-- .o-form{background-color:#FFF4ED;border:1px solid #814913;} .o-form form

{margin:0px;padding:0px;} .o-form .o-form-header{background-color:#814913;padding:9px;} .o-form h2

{color:#fff;font-family:Arial,sans-serif;font-size:18px;line-height:27px;margin:0px;padding:0px;} .o-form

p{color:#fff;font-family:Arial,sans-serif;font-size:12px;line-height:18px;margin:0px;padding:0px;} .o-form

.o-form-row{margin-top:9px;padding:0 9px;} .o-form .o-form-row label{color:#814913;font-

family:Arial,sans-serif;font-size:12px;display:block;font-weight:bold;} .o-form input[type="text"]

{border:1px solid #814913;color:#814913;padding:5px 7px;} .o-form input[type="submit"]{margin:20px

9px 18px 9px;} --><div>
    &nbsp;</div>

Thanks
1 reply

{{ DiscussionBoard.errors[3191414].message }}

Kuma 13 years ago

thanks a lot email2u but unfortunately it doesn´t exactly work out the way I want it (especially the left align version)
- Thanks
Signature
http://inflatablepontoonboat.net/
{{ DiscussionBoard.errors[3192480].message }}

e-mail2u

13 years ago

how about this ran it through my software again and put it into a table

Code:

<form accept-charset="UTF-8" action="http://www.imnicamail.com/v4/subscribe.php" method="post">
<!-- .o-form{background-color:#FFF4ED;border:1px solid #814913;} .o-form form

{margin:0px;padding:0px;} .o-form .o-form-header{background-color:#814913;padding:9px;} .o-form h2

{color:#fff;font-family:Arial,sans-serif;font-size:18px;line-height:27px;margin:0px;padding:0px;} .o-form

p{color:#fff;font-family:Arial,sans-serif;font-size:12px;line-height:18px;margin:0px;padding:0px;} .o-form

.o-form-row{margin-top:9px;padding:0 9px;} .o-form .o-form-row label{color:#814913;font-

family:Arial,sans-serif;font-size:12px;display:block;font-weight:bold;} .o-form input[type="text"]

{border:1px solid #814913;color:#814913;padding:5px 7px;} .o-form input[type="submit"]{margin:20px

9px 18px 9px;} -->    <table align="left" style="width: 190px; height: 175px">
        <tbody>
            <tr>
                <td>
                    Email Address</td>
                <td>
                    <input id="FormValue_EmailAddress" name="FormValue_Fields[EmailAddress]" /></td>
            </tr>
            <tr>
                <td>
                    <label for="FormValue_CustomField6297">Firma</label></td>
                <td>
                    <input id="FormValue_CustomField6297" name="FormValue_Fields[CustomField6297]" /></td>
            </tr>
            <tr>
                <td>
                    <label for="FormValue_CustomField6295">First Name</label></td>
                <td>
                    <input id="FormValue_CustomField6295" name="FormValue_Fields[CustomField6295]" /></td>
            </tr>
            <tr>
                <td>
                    <label for="FormValue_CustomField6296">Last Name</label></td>
                <td>
                    <input id="FormValue_CustomField6296" name="FormValue_Fields[CustomField6296]" /></td>
            </tr>
            <tr>
                <td>
                    <label for="FormValue_CustomField6298">Telefonnummer (mit Vorwahl)</label></td>
                <td>
                    <input id="FormValue_CustomField6298" name="FormValue_Fields[CustomField6298]" /></td>
            </tr>
            <tr>
                <td>
                    <input id="FormButton_Subscribe" name="FormButton_Subscribe" type="submit" value="Subscribe" /></td>
                <td>
                    <input name="FormValue_ListID" type="hidden" value="4529" />&nbsp;<input id="FormValue_Command" name="FormValue_Command" type="hidden" value="Subscriber.Add" /></td>
            </tr>
        </tbody>
    </table>
    <p>
        &nbsp;</p>
    <p>
        &nbsp;</p>
    <p>
        &nbsp;</p>
    <p>
        &nbsp;</p>
    <p>
        &nbsp;</p>
</form>

[ 1 ] Thanks
1 reply

{{ DiscussionBoard.errors[3194267].message }}

Kuma 13 years ago

Hi -e-mail2u
Thank you very much -that´s exactly how I wanted it to be.
As long as there are people like you the warrriorforum is a wonderful place- thanks again I will use this as long as I have not found an easier way to do it with CSS.
- Thanks
Signature
http://inflatablepontoonboat.net/
{{ DiscussionBoard.errors[3196262].message }}

FabianSmith 13 years ago

warrior forum really a good platform for professionals to increase their knowledge and experience
- Thanks
- 1 reply
{{ DiscussionBoard.errors[3196867].message }}
- rosesmark 13 years ago
  
  Originally Posted by FabianSmith
  
  warrior forum really a good platform for professionals to increase their knowledge and experience
  
  Yeah you right Fabian but how i determine that this types of information is good or bad.
  
  YouTube - ‪MemberGate - Change...
  
  Watch this Video and changed your modify subscription form Color
  
  Thanks
  
  {{ DiscussionBoard.errors[3975729].message }}
e-mail2u 13 years ago

That's not a problem its good to help, the phone number was the problem as the text was so long it needed to be on two lines. Plus questions like this are a good way to try out my new software.
- Thanks
{{ DiscussionBoard.errors[3197359].message }}