• Hey guys, I want to make an application form for my site however when I put in radio inputs they are not aligning how I want them. When I copy paste the code over to notepad and save as .html they align just like I want but when I put them into wordpress after the Yes: and the No: they line break :S

    I want to have them right next to each other like so:

    Yes: [radio button] No: [radio button]

    here is my code:

    <center><img class="alignnone size-full wp-image-359" title="jgeapp" src="http://www.xin-gaming.com/wp-content/uploads/2009/11/jgeapp.jpg" alt="jgeapp" width="400" height="150" /></center><br />Before applying to Xin Gaming please read the <a href="http://www.xin-gaming.com/terms">Terms of Membership</a> and the <a href="http://www.xin-gaming.com/rules/">Rules</a> of Xin Gaming.<p>Xin Gaming is recruiting for the upcoming MMO Jumpgate Evolution.  If you are interested feel free to apply below by answering every single question, applications missing even one answer will be instantly denied.  While your application is being processed you will be required to show us that you are active by posting on Forums and at the very least Idling on IRC.  Do note that if accepted you are to continue your activity on Forums and IRC.  Due to the amount of applicants we cannot respond to every one of them, if you do not get a response from us after two weeks expect your application to be denied.  Good luck.</p>
    <form action="/wp-content/themes/xin/xin/jge.php" method="request"><p><strong>-General-</strong></p>
    <p>Gaming Alias:<br /><input name="alias" id="alias" type="text" /></p>
    <p>E-mail:<br /><input name="email" id="email" type="text" /></p>
    <p>Have you read, understood and agree to the Terms of Membership and Rules of Xin gaming?<p>
    Yes: <input name="rules" id="rules" type="radio" value="yes" /> No: <input name="rules" id="rules" type="radio" value="no" /></p></p>
    <p>Were you referred to Xin Gaming by a current member if so name? (put n/a if you weren't)<br /><input name="referred" id="referred" type="text" /></p>
    <p><strong>-Personal-</strong></p>
    <p>Age:<br /><input maxlength="2" name="age" id="age" size="1" type="text" /> </p>
    <p>Gender:<br /><p>Male: <input name="gender" id="gender" type="radio" value="male" /> Female: <input name="gender" id="gender" type="radio" value="female" /></p></p>
    <p>Location:<br /><input name="location" id="location" type="text" /></p>
    <p>Occupation/School information (hours your busy):<br />
    <textarea name="occupation" id="occupation" rows="5" cols="30"></textarea></p>
    <p>Describe your personality:<br /><textarea name="personality" id="personality" rows="5" cols="30"></textarea></p>
    <p>Are you a good listener?
    <p>Yes: <input name="listener" id="listener" type="radio" value="yes" /> No: <input name="listener" id="listener" type="radio" value="no" /></p></p>
    <p>Are you a quick learner?
    <p>Yes: <input name="learner" id="learner" type="radio" value="yes" /> No: <input name="learner" id="learner" type="radio" value="no" /></p></p>
    <p>Do you ask questions if you don't know something?
    <p>Yes: <input name="questions" id="questions" type="radio" value="yes" /> No: <input name="questions" id="questions" type="radio" value="no" /></p></p>
    <p><strong>-Gaming-</strong></p>
    <p>Games you currently play:<br />
    <textarea name="games" id="games" rows="5" cols="30"></textarea></p>
    <p>Gaming history:<br />
    <textarea name="history" id="history" rows="5" cols="30"></textarea></p>
    <p>Gaming Achievements:<br />
    <textarea name="achievements" id="achievements" rows="5" cols="30"></textarea></p>
    <p>How good are you at games?<br />
    <select name="good" id="good"> <option value="---">---</option><option value="noob">I'm really n00b</option> <option value="bad">Not that bad</option> <option value="decent">I'm pretty decent</option><option value="verygood">I'm very good</option> <option value="borngamer">Born Gamer</option></select></p>
    <p>How often do you play games?<br />
    <select name="often" id="often"> <option value="---">---</option><option value="barely">Barely Ever</option> <option value="casual">Every now and then</option> <option value="spare">Only in my spare time</option><option value="alot">A lot</option> <option value="hardcore">I sleep on my keyboard</option></select></p>
    <p>What are your goals as a gamer?<br />
    <textarea name="goals" id="goals" rows="5" cols="30"></textarea></p>
    <p><strong>-Rig-</strong></p>
    <p>CPU:<br /><input name="cpu" id="cpu" type="text" /></p>
    <p>Ram:<br /><input name="ram" id="ram" type="text" /></p>
    <p>Graphics Card:<br /><input name="gfx" id="gfx" type="text" /></p>
    <p>Operating System:<br /><input name="os" id="os" type="text" /></p>
    <p>Mouse:<br /><input name="mouse" id="mouse" type="text" /></p>
    <p>Keyboard:<br /><input name="keyboard" id="keyboard" type="text" /></p>
    <p>Internet Connection:<br /><select name="net" id="net"> <option value="---">---</option><option value="<1000mbps"><1000mbps</option> <option value="1000mbps+">1000mbps+</option> <option value="3000mbps+">3000mbps+</option><option value="5000mbps+">5000mbps+</option> <option value="10000mbps+">10000mbps+</option></select></p>
    <p>Microphone/Headset:<br /><input name="headset" id="headset" type="text" /></p>
    <p>Do you have ventrilo installed and know how to use it:
    <p>Yes: <input name="vent" id="vent" type="radio" value="yes" /> No: <input name="vent" id="vent" type="radio" value="no" /></p></p>
    <p><strong>-Miscellaneous-</strong></p>
    <p>How did you find out about Xin gaming?<br /><input name="find" id="find" type="text" /></p>
    <p>Why do you want to join Xin?<br /><textarea name="why" id="why" rows="5" cols="30"></textarea></p>
    <p>Why should we accept you, what can you contribute to Xin Gaming?<br /><textarea name="accept" id="accept" rows="5" cols="30"></textarea></p>
    <p>Do you have any comments you would like to add?<br /><textarea name="comments" id="comments" rows="5" cols="30"></textarea></p>
    <p><input type="submit" value="Submit Application" />  <input type="reset" value="Reset" /></p>
    </form></p>

    Please help!

Viewing 10 replies - 1 through 10 (of 10 total)
  • well…my first guess would have to be something to do with your theme’s css?

    Have you looked into the form styling elements in your theme’s css to check for any styling that may be jacking up what you want?

    Thread Starter aseenus

    (@aseenus)

    lol, what would it be under ><

    #form {

    line-break-before-radio-button;

    }

    haha?

    well…actually, you don’t have form stuff in your css at all
    (I believe a display:inline applied to forms makes the radio buttons work horizontally)

    Thread Starter aseenus

    (@aseenus)

    How would I go about adding the form code in my css? would I first specify the form and give it a name then add… To be honest I’m lost.

    I tried making a .form { display:inline; } but it had no effect.

    I might be thinking too simplistically here….

    couldn’t you just apply a unique class to all your radio buttons? Then style that in your css?

    <p>Are you a good listener?
    <p>Yes: <input name="listener" id="listener" class="formRadio" type="radio" value="yes" /> No: <input name="listener" id="listener" class="formRadio" type="radio" value="no" /></p></p>
    .formRadio {
          display:inline;
       }

    it’s been a minute since I’ve messed with forms

    Thread Starter aseenus

    (@aseenus)

    I tried that, it didn’t work, I believe it has something to do with the wordpress pages, even in the html editor in pages if I press enter it will automatically line break ><

    The thing is I made it so there is no line breaks at all that’s why the codes all squished together yet the only problem I’m having is the radio buttons not aligning 🙁

    Thread Starter aseenus

    (@aseenus)

    Bumping for assistance.

    this may be too much of a pain, but have you considered making a page template for your form? Then you could code the form into the template (I think…). It would give you total control….but it would also open you up to having to add a fair bit to your css….

    Thread Starter aseenus

    (@aseenus)

    Argh! I really don’t want to go to all that trouble only to have it do the exact same thing in the end! Do you think there might be any other way?

    Thread Starter aseenus

    (@aseenus)

    It’s really weird, I’ve obviously been editing it through the html editor, when I try and edit it through the visual editor it shows perfectly fine :S

Viewing 10 replies - 1 through 10 (of 10 total)

The topic ‘Problems creating Application Form’ is closed to new replies.