how to turn a row of 6 into 3/3 side by side in this code?

lionhawk · 03-30-2009, 06:53 PM

Hey there, i was hoping someone could show me the code on how to make this page into 2 columns. Right now I have everything in 1 long row of 6...id like to see how to make it 3 and 3 side by side...thanks for any help!

<HEAD><title>GLB Name Generator</title>

<SCRIPT LANGUAGE="JavaScript">

</script>
</HEAD>

<body bgcolor="black">

<center>

</p>
<p>  </p>
<table width="190" height="190" border="1" cellpadding="3" cellspacing="3">
<tr>
<td bgcolor="red">
<div align="center">
<p><font size="4" color="black" face="arial"><b><strong>QB Name Generator</strong></b></font></p>
</div>
<form>
<div align="center">
<table width=300>
<tr>
<td align=center colspan=2> <font size="-1" face="arial">
<input type=button name=generate value="Create QB Name!" onClick="QBName(this.form)">
</font></td>
</tr><tr>
<td align=center><b>First Name:</b></td>
<td align=center><font size="-1" face="arial">
<input type=text name=first size=16>
</font></td></tr><tr>
<td align=center><b>Last Name:</b></td>
<td align=center><font size="-1" face="arial">
<input type=text name=last size=16>
</font></td>
</tr>
</table>
</div>
</form>
</td>
</tr>
</table>
<p> </p>
</div>

</center>

<center>

</p>
<p>  </p>
<table width="190" height="190" border="1" cellpadding="3" cellspacing="3">
<tr>
<td bgcolor="gold">
<div align="center">
<p><font size="4" color="black" face="arial"><b><strong>HB Name Generator</strong></b></font></p>
</div>
<form>
<div align="center">
<table width=300>
<tr>
<td align=center colspan=2> <font size="-1" face="arial">
<input type=button name=generate value="Create HB Name!" onClick="HBName(this.form)">
</font></td>
</tr><tr>
<td align=center><b>First Name:</b></td>
<td align=center><font size="-1" face="arial">
<input type=text name=first size=16>
</font></td></tr><tr>
<td align=center><b>Last Name:</b></td>
<td align=center><font size="-1" face="arial">
<input type=text name=last size=16>
</font></td>
</tr>
</table>
</div>
</form>
</td>
</tr>
</table>
<p> </p>
</div>

</center>

<center>

</p>
<p>  </p>
<table width="190" height="190" border="1" cellpadding="3" cellspacing="3">
<tr>
<td bgcolor="blue">
<div align="center">
<p><font size="4" color="black" face="arial"><b><strong>FB Name Generator</strong></b></font></p>
</div>
<form>
<div align="center">
<table width=300>
<tr>
<td align=center colspan=2> <font size="-1" face="arial">
<input type=button name=generate value="Create FB Name!" onClick="FBName(this.form)">
</font></td>
</tr><tr>
<td align=center><b>First Name:</b></td>
<td align=center><font size="-1" face="arial">
<input type=text name=first size=16>
</font></td></tr><tr>
<td align=center><b>Last Name:</b></td>
<td align=center><font size="-1" face="arial">
<input type=text name=last size=16>
</font></td>
</tr>
</table>
</div>
</form>
</td>
</tr>
</table>
<p> </p>
</div>

</center>

<center>

</p>
<p>  </p>
<table width="190" height="190" border="1" cellpadding="3" cellspacing="3">
<tr>
<td bgcolor="orange">
<div align="center">
<p><font size="4" color="black" face="arial"><b><strong>WR Name Generator</strong></b></font></p>
</div>
<form>
<div align="center">
<table width=300>
<tr>
<td align=center colspan=2> <font size="-1" face="arial">
<input type=button name=generate value="Create WR Name!" onClick="WRName(this.form)">
</font></td>
</tr><tr>
<td align=center><b>First Name:</b></td>
<td align=center><font size="-1" face="arial">
<input type=text name=first size=16>
</font></td></tr><tr>
<td align=center><b>Last Name:</b></td>
<td align=center><font size="-1" face="arial">
<input type=text name=last size=16>
</font></td>
</tr>
</table>
</div>
</form>
</td>
</tr>
</table>
<p> </p>
</div>

</center>

<center>

</p>
<p>  </p>
<table width="190" height="190" border="1" cellpadding="3" cellspacing="3">
<tr>
<td bgcolor="green">
<div align="center">
<p><font size="4" color="black" face="arial"><b><strong>TE Name Generator</strong></b></font></p>
</div>
<form>
<div align="center">
<table width=300>
<tr>
<td align=center colspan=2> <font size="-1" face="arial">
<input type=button name=generate value="Create TE Name!" onClick="TEName(this.form)">
</font></td>
</tr><tr>
<td align=center><b>First Name:</b></td>
<td align=center><font size="-1" face="arial">
<input type=text name=first size=16>
</font></td></tr><tr>
<td align=center><b>Last Name:</b></td>
<td align=center><font size="-1" face="arial">
<input type=text name=last size=16>
</font></td>
</tr>
</table>
</div>
</form>
</td>
</tr>
</table>
<p> </p>
</div>

</center>

<center>

</p>
<p>  </p>
<table width="190" height="190" border="1" cellpadding="3" cellspacing="3">
<tr>
<td bgcolor="purple">
<div align="center">
<p><font size="4" color="black" face="arial"><b><strong>OL Name Generator</strong></b></font></p>
</div>
<form>
<div align="center">
<table width=300>
<tr>
<td align=center colspan=2> <font size="-1" face="arial">
<input type=button name=generate value="Create OL Name!" onClick="OLName(this.form)">
</font></td>
</tr><tr>
<td align=center><b>First Name:</b></td>
<td align=center><font size="-1" face="arial">
<input type=text name=first size=16>
</font></td></tr><tr>
<td align=center><b>Last Name:</b></td>
<td align=center><font size="-1" face="arial">
<input type=text name=last size=16>
</font></td>
</tr>
</table>
</div>
</form>
</td>
</tr>
</table>
<p> </p>
</div>

</center>

</body>
</html>

Eldarrion · 03-30-2009, 07:28 PM

This is not a javascript question, considering javascript has nothing to do with generating the table. This is a styling question, which should be in turn moved to the specific forum. Also <script language="javascript"> is deprecated, use <script type="text/javascript"> instead. As for help in regards to styling something... try:

http://www.w3schools.com/css/default.asp

Old Pedant · 03-30-2009, 11:39 PM

Incidentally, if you ever intend that the <FORM> data you show here will be submitted to another page, you have a major goof: You can only submit *ONE* <FORM>!

in 98.9% of all cases, you should only have one <FORM> and one </FORM> tag on a page. The rare exceptions are...well, rare. And usually advanced.

03-30-2009, 06:53 PM	PM User \| #1
lionhawk New to the CF scene Join Date: Mar 2009 Posts: 3 Thanks: 0 Thanked 0 Times in 0 Posts	how to turn a row of 6 into 3/3 side by side in this code? Hey there, i was hoping someone could show me the code on how to make this page into 2 columns. Right now I have everything in 1 long row of 6...id like to see how to make it 3 and 3 side by side...thanks for any help! <HEAD><title>GLB Name Generator</title> <SCRIPT LANGUAGE="JavaScript"> <!-- Begin var qbfname = new Array( "Aaron","Archie","Alex", "Brandon","Brendan","Brody","Brodie","Brady","Brett","Brad","Blake","Ben","Braden","Bryan","Brian"," Brent", "Colt","Cody","Chase","Chad","Carson","Casey","Charlie","Craig","Chip","Chris","Christian", "Dakota","Drew","Donovan","Dan","David","Damien","Duke", "Elvis","Ethan","Eric","Erik", "Gabriel","Greg", "Heath", "Jake","Johnny","Joey","Jared","Jarrod","Jeff","Justin","Jim","John","Jordan","Jesse", "Kyle","Ken","Kurt","Kevin","Kelly","Keith", "Lance","Luke","Lynn","Logan","Lucas", "Matt","Marc","Marcus","Michael","Mike","Mark", "Neil","Nick", "Otto", "Peyton","Patrick","Paul","Peter", "Roman","Roger","Rich","Rick", "Shayne","Shane","Sonny","Steve","Scott","Shawn", "Trent","Troy","Trevor","Tommy","Todd","Tim","Tyler","Tony","Toby","Taylor", "Vito","Vince","Vinnie" ) var qblname = new Array( "Anthony","Archer","Anderson", "Bartkowski","Bradshaw","Betancourt","Beaumont","Blackwell","Bristow","Broussard","Brady","Brunell", "Bradford","Beck", "Chandler","Carlson","Cunningham","Clements","Collins","Cavanaugh","Callahan","Casey", "Dawson","Dunbar","DeBerg","Delaney","Daniels","Dorsey","Davenport", "Everett","Eason","Erickson","Elway","Emerson", "Fouts","Ferguson","Ferragamo","Foley","Fitzpatrick","Fontana", "Grogan","Gagliano","Garrett","Gifford","Gannon","Grayson","Gilchrist","Graham", "Hart","Hillenbrand","Hasselbeck","Harbaugh", "Jordan","Jackson","Johnson","Jansen","Jensen","Jarrett", "Kramer","Kincaid", "Lombardo","Laufenberg","Lomax","Landry","LaFontaine","LeClair", "Manning","Matarazzo","Marino","Montana","Meredith","Marchibroda","McNeal","McPherson","McCormick"," McCarthy","Martin","Moon","McManus","McKay","McNair","Maddox","McMahon","Milanovich","Mitchell","Moo re","Malone","Maxwell", "Namath", "Prescott","Palmer","Plunkett","Pennington","Pastorini", "Ramsey","Rivers","Rutledge","Rosenbach","Riley", "Staubach","Sims","Simms","Stabler","Starr","Sweeney","Stewart","Stafford","Stanford", "Terranova","Tarkenton","Tattersall","Trudeau", "Van Pelt","Ventura", "Whitehurst","Williams", "Zorn" ) var hbfname = new Array( "Adrian","Ahman","Alonzo","Andre","Anthony","Ahmad", "Booker","Barry","Billy","Bo","Barrington","Bobby", "Curtis","Cedrick","Cedric","Calvin","Clarence","Charlie","Chuck","Clinton","Correll","Cecil","Chest er","CheVelle","Chauncey", "Darion","Deuce","DeAndre","DeAngelo","Dexter","Derrick","DeShaun","DeShawn","Demetrius","D.J.","Dal ton","Delvin","DeMario","DeMonte","Domino","Detron","Davonte","Damion","Davaris","Deonte", "Eddie","Earnest","Erick","Emmitt","Edgar","Elvin","Eldrick", "Felix","Franco", "Garrison","George","Gerald", "Jarron","Jorrell","Junior","Jameel","J.J.","Jaylon","Jermaine","Jerald","J.D.","Jerome","Jamar","Ji gsaw","Jaquan","Javarus","JeVaughn","Jarrett","Jo-Ellis", "Horace","Herschel", "Izzy", "Jasper", "Karim","Kareem","Kelvin","Kevron","Ki-Jana","KaRon","Kenyon","Kaylon","Keylon","Kivonte","K.J.","Kamron", "Lamont","LaDarius","Lionel","Lamar","LeShaun","LaShon","Leon","Lyndell","Lorenzo","Laurence","LeRon ","Leonard","LaVelle","Lydell","Latherion","LaRoy","LeSean","Ladell","Linwood", "Marcus","Maurice","Mo","Moe","Marion","Marshall","Marshawn","Moses","Mercury","Montario", "Napolean", "Otis","Ottis","O.J.","Olandis","Onterrio","Ollie","Oliver", "Perry","Preston","Purnell","Pervis", "Quincy","Quinton", "Ricky","Roosevelt","Rashaan","Reggie","Ronnie","Rufus","Reuben","R.C.","Raymont","Roland","Rashard" ,"Rasheed","Rodney","Rashon","ReShard","Rudy", "Sylvester","Sedrick","Sanford","Sammy","Sherman","Spencer","Sultan","Speedy","Stuart","Shakeem","Sh erlock", "Tony","Tashard","T.J.","Terrell","Terry","Thurman","Tayshawn","Tarrion","Taurus","Takeem","Tatu m", "Ulysses", "Vashon", "Wilbur","Wilbert","Walter","Wilford","Wendell","Willard","Warren","Willis","Willie" ) var hblname = new Array( "Alexander","Anderson","Allen","Applegate","Arrington","Adams","Andrews", "Bell","Barnwell","Barksdale","Benson","Bryant","Beasley","Barnhart","Buckhalter","Boozer","Booker", "Butts","Brown","Bettis","Bentley","Brooks","Benjamin","Blackman","Bush","Brighton", "Campbell","Coleman","Covington","Cooper","Cobbs","Campfield","Carpenter","Calhoun","Coltraine","Cra wford", "Dorsett","Dickerson","Delaney","Duckett","Darby","Dunston","Davis","Dillon","Dillard","Duckworth"," Dixon","Dorsey","Daniels", "Edwards","Ellis","Ellison", "Faulk","Foreman","Freeman","Foster", "Gordon","Griggs","Green","Griffin","Grant","Graham", "Humphrey","Haywood","Hayes","Highsmith","Harris","Hearst","Hilliard","Hampton","Holmes","Henderson" ,"Hill","Hitchcock","Hightower", "Jackson","Johnson","Jones","Johnston","Jamison", "Kaufman", "Lynch","Lockett","Leonard","Lewis", "Middlebrooks","Mosley","McCallum","Muncie","Maloney","McGahee","McAllister","Martin","Mendenhall"," Montgomery","Morris", "Newsome","Norwood", "Odoms", "Perriman","Pritchard","Portis","Pearson","Payton","Pittman","Pruitt","Parker","Peterson", "Reasons","Rodgers","Rogers","Riggs","Rice","Russell","Rhodes","Ross","Reeves","Reese","Richards","R ichardson", "Simpson","Simmons","Stevens","Stephens","Smith","Sims","Stewart","Sanders","Saunders","Strickland", "Shelton","Slaton","Sayers", "Tomlinson","Thomas","Taylor","Tompkins","Turner", "Wheatley","Williams","Woods","Wells","Watts","White","Weatherspoon","Watson","Wiggins","Warren","Wi lkins","Whitaker" ) var fbfname = new Array( "Brad","Butch","Buster","B.J.","Baxter","Brian", "Chuck","Craig","Cecil","Corey", "Darryl","Dewey","Doug", "Earl", "Fred", "Greg", "Heath","Harold","Howard", "Jon","Jerome","Joel", "Kevin","Keith","Korey", "Lou","Larry","Leonard", "Mack", "Rocco","Rocky","Robert","Rob","Rex", "Tony","Tommy","Tyrell", "Wally","William" ) var fblname = new Array( "Andrews","Alstott", "Barnes","Biggs","Bigsby","Briggs","Baxter","Beasley","Byars","Benton","Bentley", "Crockett","Centers","Clancy","Cartwright","Cook", "Dozier","Davis","Dreyfuss", "Easton","Evans","Edison", "Fulton","Felton", "Griggs","Grigsby","Grisham", "Hedgecock","Hoover","Holcomb","Hutchins","Henderson","Heyward", "Jones","Johnston", "Konrad","Karney","Knox", "Logan", "Mack","McCoy","Martin","McCrary","Mackey", "Neal","Newhouse","Nelson", "Olsen","Oglesby", "Potts","Pritchett", "Quigley","Quinn", "Rathman","Ritchie","Riggins","Robiskie", "Sellers","Schultz","Smith","Schlesinger", "Vickers", "Weaver","Wallace" ) var wrfname = new Array( "Adrian","Allister","Antonio","Anthony","Alfred","Antoine","Aramis","Andre","Aundrae","Antwan","Alex ander","A.J.", "Billy","Bernard","Braylon","Brandon", "Charlie","Charley","Courtney","Chris","Chad","Calvin","Clarence","Cookie", "Desmond","Darnell","Deshawn","Dante","Dionte","Derrick","Darrick","DeMarko","Donte","Darrell","Dari us","Derrick","Devard","Darnay","Demetrius","Dontrell","Donyell", "Ernest","Elijah","Ezekiel", "Freddie","Floyd", "Herman","Harold","Hassan", "Irving","Isaiah","Isaac", "Joey","Johnny","Jeremiah","Jermaine","JaJuan","Jabar","James","Javon","Jarius","Jermichael", "Kinglsey","Kenny","Kelvin","Keyshawn","Kassim","Koren", "Lamarcus","Lafayette","Lesley","Lawrence","Leviticus","LaVelle","Lindsay","Latrell","Laveranues ", "Marcus","Marvin","Markus","Maxwell","Malcolm","Michael","MarTay","Micah","Marquez", "Nathaniel", "Oswald","Orlando","Odessa", "Percival","Paris", "Renaldo","Randall","Rolando","Roland","Raymond","Randy","Rod","Reggie","Russell","Rocket","Roy","Ro scoe","Rashaun","Roshawn", "Shawn","Sebastian","Stanley","Stewart","Stuart","Santonio","Sidney", "Terrance","Terrence","Torrance","Terrell","Terry","Timothy","Tony","Tamarick","Thaddeus","Tiqua n", "Uriah", "Vicente","Vishante","Vontrell", "Wesley","Willie","Windrell","Warrick","Wendell","Willard" ) var wrlname = new Array( "Anderson","Alworth","Alexander", "Burkett","Burroughs","Burrows","Branch","Burress","Bailey","Boldin","Bradford","Brantley","Brooks", "Bryant","Brown", "Copeland","Carruthers","Clayton","Caldwell","Clark","Collinsworth","Carmichael","Carter","Coles","C hambers","Calloway","Chatman","Conway","Crayton","Crawford","Cartwell", "Dawkins","Daniels","Dawsey", "Ellard","Edwards","Engram","Evans", "Fryar","Fitzgerald","Freeman","Floyd","Franklin","Finnegan", "Galloway","Gaffney","Givens", "Harrison","Henderson","Howard","Hammonds","Hawkins","Hill","Holt","Holmes","Hayes","Haynes","Higgin sworth","Harper", "Irvin","Ingram", "Jefferson","Joyner","Jackson","Johnson","Jenkins","Jennings","Jones","James","Jamison", "Kennison", "Lawrence","Largent","Lofton","Lewis","Langhorne", "McKnight","McDaniels","Matthews","Maxwell","McCaffrey","Morrison","Moss","Morgan","Moore","Maynard" ,"Muhammad","Monk","Marshall","Manningham","McDuffie","Morton","McKinley", "Northcutt", "Owens", "Parrish","Perkins","Pinkston", "Richards","Robinson","Reed","Rison","Rice","Reynolds","Richmond", "Sanders","Saunders","Scott","Sheppard","Stallworth","Stillwell","Simmons","Stovall", "Turner","Tucker","Thomas","Taylor", "Van Dyke", "Williams","Williamson","Walker","White","Weathers","Wright","Washington","Watson","Westbrook","Wilk ins","Wellington", "Young" ) var tefname = new Array( "Antonio","Adam","Anthony", "Billy Joe","Bernie","Ben","Brandon","Brent","Byron","Brad","Bennie","Brian","Brett", "Cameron","Clint", "Dallas","Doug","Dave","Dan","Daniel","Dwayne","Derek","Darryl","Damon","Dustin","Donald","Duane ", "Eric","Ed","Erron","Ernie", "Frank","Freddie", "Greg", "Howard", "Julius","Jay","Johnnie","Jeremy","Jimmie","Jackie","Joel","Jason","Jonathan","Jeff","Jerramy", "Kellen","Kyle","Keith","Kevin","Kendall", "Marcus","Mark","Matt","Mitch", "Ozzie","Owen", "Pete", "Randy","Rich","Rodney","Reggie","Rickey","Ryan", "Steve","Stephen","Scott","Shannon", "Travis","Tony","Todd","Terry" ) var telname = new Array( "Alexander","Alston","Andy", "Barkum","Brady","Bruener","Bavaro","Battaglia","Bradley","Broughton", "Cosby","Curtis","Coates","Clark","Casper","Conwell","Campbell","Cannon","Christensen","Crumpler","C hilds","Carswell","Chamberlain","Cleeland","Coleman", "DuPree","Daniels","Darby","Davis","Dudley","Drayton","Dilger", "Edwards", "Francis","Fauria","Finley","Franklin","Fitzsimmons","Fleming","Faulkner","Fasano", "Gonzalez","Gates","Green","Giles","Graham","Galbreath","Gilmore", "Hawthorne","Heiden","Holman","Harris","Holloway","Hudson","Heinrich","Hannah","Hilton", "Johnson","Jackson","Jones","Jolley","Jennings", "Kelly","Kleinsasser","Keller","Kinney", "LaFleur","Lewis","Landrum", "Mitchell","McMichael","Mackey","Mariano","McBride","McGregor","Murphy","Metzelaars", "Newsome","Novacek","Napolitano", "Pollard","Pope","Pettigrew","Patrick","Pierce", "Stuckey","Starkey","Sellers","Shuler","Schobel","Scheffler","Stevens", "Winslow","Witten","Wycheck","Wilcox","Williams" ) var olfname = new Array( "Anthony","Arthur","Alfredo","Albert","Andre","Aaron","Addison", "Bruce","Brock","Bubba","Bryan","Brian","Bart","Barry","Barrett","Bull","Broderick", "Conrad","Charles","Cooper","Carlton", "Dan","Dalton","Doug","Darren","David","Darrell","Darwin", "Floyd","Frank","Fred", "Elton","Eugene","Elmer", "Gary","Gavin","Giles","Geoff","Glenn","Gene", "Howard","Harris","Harry","Harley","Hubert","Harvey","Henry", "Jimbo","Jumbo","Jeff","Josh","John","Jack","Jacob","Jordan","Jerry","Joe","Jason","Jammal","Justin" ,"Joel","Joseph","James","Jorge","Jonathan", "Kevin","Ken","Khalif","Kirk","Keith","Karl","Kyle","Kory", "Larry","LeCharles","Levi","Leon","Leonard","Lincoln","Langston", "Martin","Marvin","Mike","Matt","Manny","Max","Mel","Montrae","Merlin", "Nick","Nelson","Noah", "Olin", "Pat", "Russ","Russell","Ray","Randall","Rufus","Rex","Roland","Ryan","Ron","Rod","Richard","Ricardo","Rand y","Rusty","Randolph","Robert","Roman", "Stan","Steve","Scott","Sherman","Sheldon","Salvatore", "Tyson","Ted","Tom","Tony","Trezelle","Tex","Tyler", "Vernon", "Walter","Willie","Winston","Wayne","Winford","Woody","Waldo" ) var ollname = new Array( "Armstrong","Adams","Anderson","Allen","Archibald","Ashworth", "Brewster","Boselli","Baldinger","Ballard","Baldwin","Brown","Barton","Beekman","Bellinger","Benjami n","Boatswain","Bosley", "Crawford","Carlisle","Carey","Cooper","Colombo","Coleman","Cross","Cunningham","Colby","Castillo"," Chadwick", "Donaldson","DeLamielleure","Donovan","Darwin","Davis","Davidson","Dempsey","DiNapoli","Dobson" ) var a = 0; var b = 0; var c = 0; var d = 0; var e = 0; var f = 0; var g = 0; var h = 0; var i = 0; var j = 0; var k = 0; var l = 0; function QBName(nameform) { a = Math.floor(Math.random() * qblname.length); b = Math.floor(Math.random() * qbfname.length); nameform.first.value=qbfname[b] nameform.last.value=qblname[a] } function HBName(nameform) { c = Math.floor(Math.random() * hblname.length); d = Math.floor(Math.random() * hbfname.length); nameform.first.value=hbfname[d] nameform.last.value=hblname[c] } function FBName(nameform) { e = Math.floor(Math.random() * fblname.length); f = Math.floor(Math.random() * fbfname.length); nameform.first.value=fbfname[f] nameform.last.value=fblname[e] } function WRName(nameform) { g = Math.floor(Math.random() * wrlname.length); h = Math.floor(Math.random() * wrfname.length); nameform.first.value=wrfname[h] nameform.last.value=wrlname[g] } function TEName(nameform) { i = Math.floor(Math.random() * telname.length); j = Math.floor(Math.random() * tefname.length); nameform.first.value=tefname[j] nameform.last.value=telname[i] } function OLName(nameform) { k = Math.floor(Math.random() * ollname.length); l = Math.floor(Math.random() * olfname.length); nameform.first.value=olfname[l] nameform.last.value=ollname[k] } // End --> </script> </HEAD> <body bgcolor="black"> <center> </p> <p>  </p> <table width="190" height="190" border="1" cellpadding="3" cellspacing="3"> <tr> <td bgcolor="red"> <div align="center"> <p><font size="4" color="black" face="arial"><b><strong>QB Name Generator</strong></b></font></p> </div> <form> <div align="center"> <table width=300> <tr> <td align=center colspan=2> <font size="-1" face="arial"> <input type=button name=generate value="Create QB Name!" onClick="QBName(this.form)"> </font></td> </tr><tr> <td align=center><b>First Name:</b></td> <td align=center><font size="-1" face="arial"> <input type=text name=first size=16> </font></td></tr><tr> <td align=center><b>Last Name:</b></td> <td align=center><font size="-1" face="arial"> <input type=text name=last size=16> </font></td> </tr> </table> </div> </form> </td> </tr> </table> <p> </p> </div> </center> <center> </p> <p>  </p> <table width="190" height="190" border="1" cellpadding="3" cellspacing="3"> <tr> <td bgcolor="gold"> <div align="center"> <p><font size="4" color="black" face="arial"><b><strong>HB Name Generator</strong></b></font></p> </div> <form> <div align="center"> <table width=300> <tr> <td align=center colspan=2> <font size="-1" face="arial"> <input type=button name=generate value="Create HB Name!" onClick="HBName(this.form)"> </font></td> </tr><tr> <td align=center><b>First Name:</b></td> <td align=center><font size="-1" face="arial"> <input type=text name=first size=16> </font></td></tr><tr> <td align=center><b>Last Name:</b></td> <td align=center><font size="-1" face="arial"> <input type=text name=last size=16> </font></td> </tr> </table> </div> </form> </td> </tr> </table> <p> </p> </div> </center> <center> </p> <p>  </p> <table width="190" height="190" border="1" cellpadding="3" cellspacing="3"> <tr> <td bgcolor="blue"> <div align="center"> <p><font size="4" color="black" face="arial"><b><strong>FB Name Generator</strong></b></font></p> </div> <form> <div align="center"> <table width=300> <tr> <td align=center colspan=2> <font size="-1" face="arial"> <input type=button name=generate value="Create FB Name!" onClick="FBName(this.form)"> </font></td> </tr><tr> <td align=center><b>First Name:</b></td> <td align=center><font size="-1" face="arial"> <input type=text name=first size=16> </font></td></tr><tr> <td align=center><b>Last Name:</b></td> <td align=center><font size="-1" face="arial"> <input type=text name=last size=16> </font></td> </tr> </table> </div> </form> </td> </tr> </table> <p> </p> </div> </center> <center> </p> <p>  </p> <table width="190" height="190" border="1" cellpadding="3" cellspacing="3"> <tr> <td bgcolor="orange"> <div align="center"> <p><font size="4" color="black" face="arial"><b><strong>WR Name Generator</strong></b></font></p> </div> <form> <div align="center"> <table width=300> <tr> <td align=center colspan=2> <font size="-1" face="arial"> <input type=button name=generate value="Create WR Name!" onClick="WRName(this.form)"> </font></td> </tr><tr> <td align=center><b>First Name:</b></td> <td align=center><font size="-1" face="arial"> <input type=text name=first size=16> </font></td></tr><tr> <td align=center><b>Last Name:</b></td> <td align=center><font size="-1" face="arial"> <input type=text name=last size=16> </font></td> </tr> </table> </div> </form> </td> </tr> </table> <p> </p> </div> </center> <center> </p> <p>  </p> <table width="190" height="190" border="1" cellpadding="3" cellspacing="3"> <tr> <td bgcolor="green"> <div align="center"> <p><font size="4" color="black" face="arial"><b><strong>TE Name Generator</strong></b></font></p> </div> <form> <div align="center"> <table width=300> <tr> <td align=center colspan=2> <font size="-1" face="arial"> <input type=button name=generate value="Create TE Name!" onClick="TEName(this.form)"> </font></td> </tr><tr> <td align=center><b>First Name:</b></td> <td align=center><font size="-1" face="arial"> <input type=text name=first size=16> </font></td></tr><tr> <td align=center><b>Last Name:</b></td> <td align=center><font size="-1" face="arial"> <input type=text name=last size=16> </font></td> </tr> </table> </div> </form> </td> </tr> </table> <p> </p> </div> </center> <center> </p> <p>  </p> <table width="190" height="190" border="1" cellpadding="3" cellspacing="3"> <tr> <td bgcolor="purple"> <div align="center"> <p><font size="4" color="black" face="arial"><b><strong>OL Name Generator</strong></b></font></p> </div> <form> <div align="center"> <table width=300> <tr> <td align=center colspan=2> <font size="-1" face="arial"> <input type=button name=generate value="Create OL Name!" onClick="OLName(this.form)"> </font></td> </tr><tr> <td align=center><b>First Name:</b></td> <td align=center><font size="-1" face="arial"> <input type=text name=first size=16> </font></td></tr><tr> <td align=center><b>Last Name:</b></td> <td align=center><font size="-1" face="arial"> <input type=text name=last size=16> </font></td> </tr> </table> </div> </form> </td> </tr> </table> <p> </p> </div> </center> </body> </html>

03-30-2009, 07:28 PM	PM User \| #2
Eldarrion Regular Coder Join Date: Feb 2009 Location: Wheeling, IL Posts: 327 Thanks: 5 Thanked 60 Times in 58 Posts	This is not a javascript question, considering javascript has nothing to do with generating the table. This is a styling question, which should be in turn moved to the specific forum. Also <script language="javascript"> is deprecated, use <script type="text/javascript"> instead. As for help in regards to styling something... try: http://www.w3schools.com/css/default.asp __________________ The way to success is to assume that there are no impossible things. After all, if you think something is impossible, you will not even try to do it.

Thread Tools
Show Printable Version Email this Page
Rate This Thread
Rate This Thread:

03-30-2009, 11:39 PM	PM User \| #3
Old Pedant Master Coder Join Date: Feb 2009 Location: Snohomish, WA Posts: 5,631 Thanks: 20 Thanked 882 Times in 872 Posts	Incidentally, if you ever intend that the <FORM> data you show here will be submitted to another page, you have a major goof: You can only submit ONE <FORM>! in 98.9% of all cases, you should only have one <FORM> and one </FORM> tag on a page. The rare exceptions are...well, rare. And usually advanced.