Help - Search - Members - Calendar
Full Version: Getting form/tables/ besides each other
HTMLHelp Forums > Web Authoring > Markup (HTML, XHTML, XML)
Cheezus
Hi

Im stuck.... dry.gif .... im making a html page for a gaming server and i wanted to place 3 paypal buttons (buy now buttons with drop down menu) besides each other
Heres how they look like: 3x this one


<form action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="XXXXXXX">
<table>
<tr><td><input type="hidden" name="on0" value="Basic Admin">Basic Admin</td></tr><tr><td><select name="os0">
<option value="Monthly">Monthly $4.00</option>
<option value="Permanent">Permanent $10.00</option>
</select> </td></tr>
</table>
<input type="hidden" name="currency_code" value="USD">
<input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_buynowCC_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
<img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
</form>


please help
.... click the picture to undertsand me... xD
pandy
You could for example float them left. Or use a table.
Cheezus
Um..... hehe -__-

Whats the code for it?....
Im not the best expert on this...
I would be very happy if you could use the part i wrote up there and put in the code .... that fixes it.

Beacuse... i have 3 of these.... and idk how the h**l what code to use...

<form action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="XXXXXXX">
<table>
<tr><td><input type="hidden" name="on0" value="Basic Admin">Basic Admin</td></tr><tr><td><select name="os0">
<option value="Monthly">Monthly $4.00</option>
<option value="Permanent">Permanent $10.00</option>
</select> </td></tr>
</table>
<input type="hidden" name="currency_code" value="USD">
<input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_buynowCC_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
<img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
</form>

<form action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="XXXXXXX">
<table>
<tr><td><input type="hidden" name="on0" value="Basic Admin">Basic Admin</td></tr><tr><td><select name="os0">
<option value="Monthly">Monthly $4.00</option>
<option value="Permanent">Permanent $10.00</option>
</select> </td></tr>
</table>
<input type="hidden" name="currency_code" value="USD">
<input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_buynowCC_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
<img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
</form>

<form action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="XXXXXXX">
<table>
<tr><td><input type="hidden" name="on0" value="Basic Admin">Basic Admin</td></tr><tr><td><select name="os0">
<option value="Monthly">Monthly $4.00</option>
<option value="Permanent">Permanent $10.00</option>
</select> </td></tr>
</table>
<input type="hidden" name="currency_code" value="USD">
<input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_buynowCC_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
<img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
</form>



Thanks for help!
Cheezus
Or... could someone just tell me the code for this setup in html. (The Picture)
Darin McGrew
Here's an explanation of tables:
http://www.cs.tut.fi/~jkorpela/HTML3.2/5.54.html
Cheezus
Mhm.... Well i tried....
But that placed the table (drop down menu; in this case) right only..... the button is at left side again..... and it wont get beside the button on the top of that button... :/
And.... is there something i can put in .. like style= or float or something?.... if so.. write down the whole code biggrin.gif
Thanks soo much!
Cheezus
Is it possible to place these in 3 columns ....?... that would be greaT!

If so... could someone paste the full code of it? ..... the colums in the middle/center


Thank You VeryVeryVery Much!
Darin McGrew
You mean like this?
CODE
<table>
  <tr>
    <td>left</td>
    <td>center</td>
    <td>right</td>
  </tr>
</table>
Cheezus
WoW... That really worked!... Exactly how i wanted it to beeee ! biggrin.gif ...
But theres 1 more thing... Which is that the first button is a bit shoved... down..... Somehow to fix this? (Picture will explain)
(And if it is possible to make some space between the buttons/tables)... Sry but im not sooo good at this laugh.gif


The Code:

CODE
<center>
<table>
  <tr>
    <td><form action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="XXXXXX">
<table>
<tr><td><input type="hidden" name="on0" value="Basic Admin">Basic Admin</td></tr><tr><td><select name="os0">
    <option value="Monthly">Monthly $4.00</option>
    <option value="Permanent">Permanent $10.00</option>
</select> </td></tr>
</table>
<input type="hidden" name="currency_code" value="USD">
<input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_buynowCC_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
<img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
</form></td>
    <td><form action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="XXXXXX">
<table>
<tr><td><input type="hidden" name="on0" value="Super Admin">Super Admin</td></tr><tr><td><select name="os0">
    <option value="Monthly">Monthly $7.00</option>
    <option value="Permanent">Permanent $20.00</option>
</select> </td></tr>
</table>
<input type="hidden" name="currency_code" value="USD">
<input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_buynowCC_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
<img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
</form>
</td>
    <td><form action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="XXXXXX">
<table>
<tr><td><input type="hidden" name="on0" value="Full Admin">Full Admin</td></tr><tr><td><select name="os0">
    <option value="Monthly">Monthly $12.00</option>
    <option value="Permanent">Permanent $30.00</option>
</select> </td></tr>
</table>
<input type="hidden" name="currency_code" value="USD">
<input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_buynowCC_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
<img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
</form>
</td>
  </tr>
</table>


Thank YOU ver much! smile.gif
Darin McGrew
It must be something else on the page. They look perfectly aligned in all the browsers I tried (Firefox, Chrome, Safari, Opera, all on Mac).
Cheezus
Wow... Thats weird! I also checked it ( table only )... and at other html files they are perfect!
So... Heres the whole html. (Its for a gaming server.. so dont missunderstand rolleyes.gif )

What is wrong? ohmy.gif

CODE
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

"http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">
<html>
<embed name="Joinserver"
src="/music/canajoint.mp3"
loop="false"
hidden="true"
autostart="true">
</embed>
<head>
<title>Motd</title>
<style type="text/css">
pre    {
      font-family:Verdana;
      color:#ff0000;
       }
body   {
      background:#000000;
      margin-left:8px;
      margin-top:0px;
      }
}
</style>
</head>
<body scroll="yes">
<pre>  
<center><img width=100% border="0" src="/music/motdpictgu.JPG"></center>  
<h2><p style="text-align: center;">Welcome to TwoGunsUp Fun Server!</p></h2>
<hr width="75%" color="#ff0000" size="4" />
<p style="text-align: center;"><b> <img border="0" src="/music/main.gif">

1. Do not ghost (give away location/hp).
2. Do not use exploits in any maps (this will be a kick/ban).
3. Don't be an *beep* to admins or other players. (No disrespect)
4. No Hacks/scripts. Doing so will result in a steam ID and IP ban.
- (This is a second chance server, hacking will NOT be tolerated) -
5. No Mic/Chat spamming.
6. No Racism.


<img border="0" src="/music/admin.gif">

- Banning for hacking = Perm.
- Inapropriate sprays = 5-10 minutes ONLY after giving a warning.
- Admin Disrespect = NO LONGER than 10 minutes no matter what.
- Glitching on any map = 30 minutes.
- Trolling = 20 minutes
1. Using admin powers to your own advantage will result in a possible removal of admin and ban.
2. Do not use your admin powers to give others advantages.
3. Do NOT ban/kick players with non-meaning reasons. (reasons are checked in logg files)

Any instances of admin abuse, hackers, exploiters, ban repeals, or just annoying
as hell people, report it to Paradox or at www.twogunsup.tk/
If you have any questions, ask us!


Shopping:
<img border="0" src="/music/t4.gif">

<center>
<table>
  <tr>
    <td><form action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="TCJFUGX4AA9PA">
<table>
<tr><td><input type="hidden" name="on0" value="Basic Admin">Basic Admin</td></tr><tr><td><select name="os0">
    <option value="Monthly">Monthly $4.00</option>
    <option value="Permanent">Permanent $10.00</option>
</select> </td></tr>
</table>
<input type="hidden" name="currency_code" value="USD">
<input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_buynowCC_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
<img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
</form></td>
    <td><form action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="72L2H3JFAYGJA">
<table>
<tr><td><input type="hidden" name="on0" value="Super Admin">Super Admin</td></tr><tr><td><select name="os0">
    <option value="Monthly">Monthly $7.00</option>
    <option value="Permanent">Permanent $20.00</option>
</select> </td></tr>
</table>
<input type="hidden" name="currency_code" value="USD">
<input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_buynowCC_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
<img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
</form>
</td>
    <td><form action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="EBTAHXV9XXM6Q">
<table>
<tr><td><input type="hidden" name="on0" value="Full Admin">Full Admin</td></tr><tr><td><select name="os0">
    <option value="Monthly">Monthly $12.00</option>
    <option value="Permanent">Permanent $30.00</option>
</select> </td></tr>
</table>
<input type="hidden" name="currency_code" value="USD">
<input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_buynowCC_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
<img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
</form>
</td>
  </tr>
</table>

<center>
Two Guns Up 2011
Provided by -Paradox-


(SPONSORS)
<center><img border="0" src="/music/nocheat.gif"></center>
<center><a href="http://legitservers.net/" target="_blank"><img border="0" src="/music/logo2.png"></center></b></p>
</pre>
</body>
</html>



Thank You Very Much!... I love your service!
Darin McGrew
Fixing the structural errors reported by our online validator (see links at top and bottom of this page) caused the extra space to go away.

The pre element cannot contain other block-level elements. See:
http://htmlhelp.com/reference/html40/block/pre.html
Cheezus
Which means..... i need to fix what? -__-

Could u please biggrin.gif Use the code.. and type in the fix with red colour.... so we all know what went wrong?

Thank You
Darin McGrew
Do you know what the pre element is supposed to be used for? Why are you using it?
pandy
QUOTE(Cheezus @ Jul 13 2011, 11:21 PM) *

Which means..... i need to fix what? -__-


It means you need to feed your document to the validator, a link to which is found at the top and bottom of each page here, and correct the errors it reports.
Cheezus
...... What should i use then? A guy ... mentioned about using the <div> for tables..... ??

( <pre> is for preformated text )
Cheezus
Ok guys... it just got fixed!
Thanks for your help and support! tongue.gif
Cheezus
You may close this topic.
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2014 Invision Power Services, Inc.