HTML - Form Tag Messing Up Alignement
Similar TutorialsHi Am here to look for some help about a problem I can't seem to "overcome" in the layout of my website. I put the background in bright pink so the problem kinda "jumps" to the eye. It is available here : http://www.guitarbattle.fr/gb_test.html or you can also copy and paste this code in an HTML document and see how it behaves (this is a full copy of the source code of that page linked above) : HTML Code: <HTML> <HEAD> <TITLE>Guitar Battle</TITLE> </HEAD> <body bgcolor=ff00ff> <br><br> <center> <table CELLSPACING="0" CELLPADDINg="0" BORDER="0"> <tr> <TD colspan="5"> <img src="http://www.guitarbattle.fr/interface_haut.jpg"> </TD> </tr> <tr> <TD rowspan="2"> <img src="http://www.guitarbattle.fr/interface_gauche.jpg"> </TD> <TD> <img src="http://www.guitarbattle.fr/interface_situ.jpg"> </TD> <TD> <img src="http://www.guitarbattle.fr/interface_prin.jpg"> </TD> <TD rowspan="2"> <img src="http://www.guitarbattle.fr/interface_video.jpg"> </TD> <TD rowspan="2"> <img src="http://www.guitarbattle.fr/interface_droite.jpg"> </TD> </tr> <tr> <TD colspan="2"> <img src="http://www.guitarbattle.fr/interface_part.jpg"> </TD> </tr> <tr> <TD colspan="5"> <img src="http://www.guitarbattle.fr/interface_bas.jpg"> </TD> </tr> </table> </center> </HTML> I hope someone can tell me what mistake I did that makes the various parts not well aligned and loosing 1 to 3 pixels here and there. Thanks a lot ! hi all! heres my site www.yourdesign.org and the css www.yourdesign.org/style.css i am trying to get the text in the content box aligned to the left, but as it is in a div, if i put "position:left", the div box obviously goes to the left. so how to i keep the div box in the right place but also move the text to the left? thanks, noob It's in the first stages, so bear with the lack of images, etc. however... If you go to http://dev.bkriegtech.net/web/06/ you will see that the content of the right nav bar is pushed way over for some reason. I looked at the code of the included page (http://dev.bkriegtech.net/web/06/home.php) and I have no tables or anything in there that would cause this to have extra room on the right to push the nav content over. What could be causing this? Anyone have any idea why the thumbnail pictures are off when the page is viewed in IE but they're fine when shown on FireFox? I'm using slimbox/lightbox and can't for the life of me figure out what's going on. http://www.jnsitedesign.com/photocms...?gallery=./Art I really appreciate the help!! My Tables are messing up somehow on 2 pages. This is my site: http://the1337arcade.com The site should look like the home page or when you click a game, Notice how the table is seperated into 2 <td>'s. But on the search page and the category page http://the1337arcade.com/search.php?q=ant&page=1 and http://the1337arcade.com/browse.php?...trategy&page=1 Notice how the page is now different, The left TD basically took over the whole page and pushed the other TD down. My codes: for the search page Code: <?php include('headerforsite.php') ?> <?php include('topofmiddle.php') ?> <td style="border:solid black 0px;" width="650px" valign="top"> <tr> <td style="border:solid black 0px;" width="650px" valign="top" colspan="2"><h1>Search Results for '<?= $search_term; ?>'</h1>Page: <strong><?= $page; ?></strong> of <strong><?= $total_pages; ?></strong> | <strong><?= $total_num; ?></strong> Games Found<br></td> </tr> <tr> <td colspan="2" class="page_nav" align="right"> <?php gen_page_links($page,$last_page,$total_pages,'',$sort,$search_term); ?> </td> </tr> <?php // >> If games to show if($search_count > 0 && !empty($search_term)) { // $counter = 1; // Undo for double // $place = 1; // Undo for double // >> Go fetch while($row = mysql_fetch_array($do_sql)) { ?> <?php //if($counter == 1) { ?> <tr> <td width="500" valign="top"><center> <a href="<?= get_game_link($row['g_name']); ?>" onMouseover="ddrivetip('<center><?= $row['g_desc']; ?> <br><br> Total Game Plays: <?= number_format($row['g_totalplays']); ?> <br>Game Added On: <?= date('M jS',$row['g_date']); ?><br>Filesize: Working on it. MB</center>','green', 400)"; onMouseout="hideddrivetip()"><strong><?= $row['g_name'] ?></a></strong><br> <a href="<?= get_game_link($row['g_name']); ?>" onMouseover="ddrivetip('<center><?= $row['g_desc']; ?> <br><br> Total Game Plays: <?= number_format($row['g_totalplays']); ?> <br>Game Added On: <?= date('M jS',$row['g_date']); ?><br>Filesize: Working on it. MB</center>','green', 400)"; onMouseout="hideddrivetip()"><center><img src="<?= $site_url; ?>/media/icons/<?= $row['g_iconname']; ?>" alt="<?= $row['g_name']; ?>" width="<?= $thumb_width; ?>" height="<?= $thumb_height; ?>" border="0"></a><strong> </tr> <?php //} ?> <?php // if($counter == 2) { // Undo for double // $counter = 0; // Undo for double // } // Undo for double // $counter++; // Undo for double // $place++; // Undo for double } // >> Close Loop } // >> Close mysql_num_rows // If no games to show else { echo '<tr><td valign="top" class="browse"><strong>Sorry, No Games Found.</strong></tr></td>'; // >> Close no games to show } ?> <tr> <td colspan="2" class="page_nav" align="right"><br> <?php gen_page_links($page,$last_page,$total_pages,'',$sort,$search_term); ?> </td> </tr> </table> </td> <?php include('bottomofmiddle.php') ?> <?php include('footerforsite.php') ?> Code for the Category page Code: <?php include('headerforsite.php') ?> <?php include('topofmiddle.php') ?> <td style="border:solid black 0px;" width="650px" valign="top"> <?php // >> If games to show if($browse_count > 0) { // $counter = 3; // Undo for double // $place = 1; // Undo for double // >> Go fetch while($row = mysql_fetch_assoc($result)) { // >> Assign the data easier/universal namess $game_name = $row['g_name']; $game_desc = $row['g_desc']; $game_totalplays = $row['g_totalplays']; $game_totalplays = number_format($game_totalplays); $game_date = $row['g_date']; $game_date = date('F jS, Y',$game_date); $game_iconname = $row['g_iconname']; ?> <?php //if($counter == 1) { ?> <tr> <?php //} ?> <td style="border:solid black 0px;" width="650px" valign="top"><center><br><a href="<?= get_game_link($game_name) ?>" onMouseover="ddrivetip('<center><?= $row['g_desc']; ?> <br><br> Total Game Plays: <?= number_format($row['g_totalplays']); ?> <br>Game Added On: <?= date('M jS',$row['g_date']); ?><br>Filesize: Working on it. MB</center>','green', 400)"; onMouseout="hideddrivetip()"><center><img src="<?= $site_url; ?>/media/icons/<?= $game_iconname; ?>" alt="<?= $game_name; ?>" width="<?= $thumb_width; ?>" height="<?= $thumb_height; ?>" border="0"></a><strong><center><a href="<?= get_game_link($game_name); ?>"onMouseover="ddrivetip('<center><?= $row['g_desc']; ?> <br><br> Total Game Plays: <?= number_format($row['g_totalplays']); ?> <br>Game Added On: <?= date('M jS',$row['g_date']); ?><br>Filesize: Working on it. MB</center>','green', 400)"; onMouseout="hideddrivetip()"><center><?= $game_name; ?></a></strong> <br> <br></td> <?php //if($counter == 2 || $place == $browse_count) { ?> </tr> <?php //} ?> <?php // if($counter == 2) { // Undo for double // $counter = 2; // Undo for double // } // Undo for double // $counter++; // Undo for double // $place++; // Undo for double } // >> Close while loop } // >> Close mysql_num_rows // >> If no games to show else { echo '<tr><td valign="top" class="browse"><strong>Sorry, No Games Found.</strong></tr></td>'; // >> Close no games to show } ?> </table> </td> <?php include('bottomofmiddle.php') ?> <?php include('footerforsite.php') ?> Code for a fully working page Code: <?php include('headerforsite.php') ?> <?php include('topofmiddle.php') ?> <td align=center style="border:solid black 0px;" width="650" valign="top"> <table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0"> <div style="border: 3px black solid;"> <strong><center>::.. Newest Games ..::</strong> </div> <center> <?php $sql = 'SELECT * FROM '. $table_games .' WHERE g_status = 1 ORDER BY g_totalplays DESC LIMIT 24'; $counter = 1; if (mysql_num_rows($result)) { while($row = mysql_fetch_assoc($result) ) { if (strlen($row['g_desc'])> 150) { $row['g_desc'] = substr($row['g_desc'],0,150).' ...'; } if (strlen($row['g_desc'])> 150) { $row['g_desc'] = substr($row['g_desc'],0,150).' ...'; } if($counter == 1) { echo '<tr>'; } ?> <center><td width="650" valign="top"><center> <font color=black><center><a href="<?= get_game_link($row['g_name']); ?>" onMouseover="ddrivetip('<center><?= $row['g_desc']; ?> <br><br> Total Game Plays: <?= number_format($row['g_totalplays']); ?> <br>Game Added On: <?= date('M jS',$row['g_date']); ?></center>','blue', 400)"; onMouseout="hideddrivetip()"><strong><?= $row['g_name'] ?></a></strong><br></font> <font color=black><center><a href="<?= get_game_link($row['g_name']); ?>" onMouseover="ddrivetip('<center><?= $row['g_desc']; ?> <br><br> Total Game Plays: <?= number_format($row['g_totalplays']); ?> <br>Game Added On: <?= date('M jS',$row['g_date']); ?></center>','green', 400)"; onMouseout="hideddrivetip()"><center><img src="<?= $site_url; ?>/media/icons/<?= $row['g_iconname']; ?>" alt="<?= $row['g_name']; ?>" width="<?= $thumb_width; ?>" height="<?= $thumb_height; ?>" border="0"></a><strong> <br><p></font> </td> <?php if($counter == 3) { $counter = 0; echo '</tr>'; } ++$counter; } } else { echo '<td valign="top" class="content">Sorry, No Games To Show</td>'; } ?> </table> <table width="100%" border="0" cellpadding="0" cellspacing="0"> <div style="border: 3px black solid;"> <strong><center>::.. Most Popular Games ..::</strong> </div> <?php $result = do_mysql_query($sql); $counter = 1; if (mysql_num_rows($result)) { while($row = mysql_fetch_assoc($result) ) { if (strlen($row['g_desc'])> 150) { $row['g_desc'] = substr($row['g_desc'],0,150).' ...'; } if($counter == 1) { echo '<tr>'; } ?> <td width="500" valign="top"><center> <a href="<?= get_game_link($row['g_name']); ?>"onMouseover="ddrivetip('<center><?= $row['g_desc']; ?> <br><br> Total Game Plays: <?= number_format($row['g_totalplays']); ?> <br>Game Added On: <?= date('M jS',$row['g_date']); ?></center>','green', 400)"; onMouseout="hideddrivetip()"><strong><?= $row['g_name'] ?></a></strong><br> <a href="<?= get_game_link($row['g_name']); ?>"onMouseover="ddrivetip('<center><?= $row['g_desc']; ?> <br><br>Total Game Plays: <?= number_format($row['g_totalplays']); ?><br>Game Added On: <?= date('M jS',$row['g_date']); ?></center>','blue', 400)"; onMouseout="hideddrivetip()"><center><img src="<?= $site_url; ?>/media/icons/<?= $row['g_iconname']; ?>" alt="<?= $row['g_name']; ?>" width="<?= $thumb_width; ?>" height="<?= $thumb_height; ?>" border="0"></a><strong> <p> </td> <?php if($counter == 3) { $counter = 0; echo '</tr>'; } ++$counter; } } else { echo '<td valign="top" class="content">Sorry, No Games To Show</td>'; } ?> </table> <br> </div> </div> </div> </td> <?php include('bottomofmiddle.php') ?> <?php include('footerforsite.php') ?> Thanks for all help.. I depend on help to have my arcade back to normal function ! I use frontpage to edit my page (so I can view it before uploading it to the web) It shows exactly the way I want it when I save it and view it on my HD but once I upload it to the server... it's the same... Then when I edit it again and upload the "update".... it's messed up. Could anyone tell me what I am doing wrong? Thanks Lace Good day. I'm actually trying to make a good site now (still humorous), and am having problems with the background of my right collum. http://web.vtc.edu/users/cjb06271/CI...nal/order.html Quote: <form method="post" action="mailto:cjb06271@vtc.edu"> <table style="border:1px solid black"> <tr> <td><fieldset/>The always favorite Locusts. </td> <td colspan="1"><fieldset/> <input type="checkbox" value="Locusts" name="Locusts"/> </td> </tr> </form> same kind of thing happening on register page. you can see how I wanted it on any of the other pages. Also on the navbar you can see the right collum background image was chopped in half. Not too worries about that but if an easy fix would be apreciated http://web.vtc.edu/users/cjb06271/CI.../real%20final/ my css is in there (as are links to images and all the other sites in navbar) css name is new1. I may also be halucinating but the text seems to change fonts between pages and I don't know why. Thank you very much for any help you may offer. Hey everyone, I have some problems with my website. Basically for some reason when you open my website in Internet Explorer, The tables are messed up, It's hard to explain but basically for some reason it has a massive amount of spaces before the actual text starts. However in firefox the website works perfectly. Here's a link so you can see for yourself what I mean: http://SpiritualSatanism.com Any idea what this could be and/or how to fix it? Thanks, Nightfoxx Hello, I am very new to HTML. With that said here is my issue. I want to post meta data within the head tags of my html. However, when i do this the table i created in the body of the code ceases to work. I created a very simple intro page. all that exists there is a logo of my bussiness then underneath a splash page embeded. When i enter the meta data the logo and splash area are off center. Currently I took the meta tags out of the html, but I really want to place them back. Ever heard of this happening before? Can you help? Thanks, Matt My page is www.skelniktoday.com if you want to take a look and view the source. Who knows maybe you just need a laugh at the level of novice my html is. script completed, thx Hi all, I have a simple newsletter form, so just the email field and a submit, what I would like to do is to send this data to a larger subscriber form, so one that has name, email (with the data previously entered already added), list to subscribe to etc. Can this be done? Thanks I have a form with a number of elements. One of these elements is: <input type="image" src="https://www.paypal.com/en_US/i/btn/x-click-butcc-subscribe.gif" border="0" name="submit" alt="Make payments with PayPal - it's fast, free and secure!"> Clicking on that element makes the form submit. But if I add a similar element: <input type="image" src="https://www.paypal.com/en_US/i/btn/x-click-butcc-subscribe.gif" border="0" name="submit2" alt="Make payments with PayPal - it's fast, free and secure!"> ...clicking on that also makes the form submit. So was wondering if anyone knew what the rules were for which elements make a form submit? Cheers, James HTML Code: <form method="post" action="mailto:xxxxxxxx@xx.com "> <table class="text3"> <tr><td valign="top" width="140">Voornaam:</td><td><input name="requiredvoornaam" type="text" id="requiredvoornaam" class="veld" size="30" /></td></tr> <tr><td valign="top" width="140">Achternaam:</td><td><input name="requiredachternaam" type="text" id="requiredachternaam" class="veld" size="30" /></td></tr> <tr><td valign="top">E-mail:</td><td><input name="requiredemail" type="text" id="requiredemail" class="veld" size="30" /></td></tr> <tr><td valign="top">Telefoonnummer:</td><td><input name="requiredtelefoonnummer" type="text" id="requiredtelefoonnummer" class="veld" size="30" /></td></tr> <tr><td valign="top">Adres:</td><td><input name="requiredadres" type="text" id="requiredadres" class="veld" size="30" /></td></tr> <tr><td valign="top">Woonplaats:</td><td><input name="requiredwoonplaats" type="text" id="requiredwoonplaats" class="veld" size="30" /></td></tr> <tr><td valign="top">Aankomstdatum:</td><td><select name="adag" id="adag"> <option value="Dag">Dag</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> <option value="6">6</option> <option value="7">7</option> <option value="8">8</option> <option value="9">9</option> <option value="10">10</option> <option value="11">11</option> <option value="12">12</option> <option value="13">13</option> <option value="14">14</option> <option value="15">15</option> <option value="16">16</option> <option value="17">17</option> <option value="18">18</option> <option value="19">19</option> <option value="20">20</option> <option value="21">21</option> <option value="22">22</option> <option value="23">23</option> <option value="24">24</option> <option value="25">25</option> <option value="26">26</option> <option value="27">27</option> <option value="28">28</option> <option value="29">29</option> <option value="30">30</option> <option value="31">31</option> </select> <select name="amaand" id="amaand"> <option value="Maand">Maand</option> <option value="Januari">Januari</option> <option value="Februari">Februari</option> <option value="Maart">Maart</option> <option value="April">April</option> <option value="Mei">Mei</option> <option value="Juni">Juni</option> <option value="Juli">Juli</option> <option value="Augustus">Augustus</option> <option value="September">September</option> <option value="Oktober">Oktober</option> <option value="November">November</option> <option value="December">December</option> </select> <select name="ajaar" id="ajaar"> <option value="Jaar">Jaar</option> <option value="2008">2008</option> <option value="2009">2009</option> <option value="2010">2010</option> </select> </td></tr> <tr><td valign="top">Vertrekdatum:</td><td><select name="vdag" id="vdag"> <option value="Dag">Dag</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> <option value="6">6</option> <option value="7">7</option> <option value="8">8</option> <option value="9">9</option> <option value="10">10</option> <option value="11">11</option> <option value="12">12</option> <option value="13">13</option> <option value="14">14</option> <option value="15">15</option> <option value="16">16</option> <option value="17">17</option> <option value="18">18</option> <option value="19">19</option> <option value="20">20</option> <option value="21">21</option> <option value="22">22</option> <option value="23">23</option> <option value="24">24</option> <option value="25">25</option> <option value="26">26</option> <option value="27">27</option> <option value="28">28</option> <option value="29">29</option> <option value="30">30</option> <option value="31">31</option> </select> <select name="vmaand" id="vmaand"> <option value="Maand">Maand</option> <option value="Januari">Januari</option> <option value="Februari">Februari</option> <option value="Maart">Maart</option> <option value="April">April</option> <option value="Mei">Mei</option> <option value="Juni">Juni</option> <option value="Juli">Juli</option> <option value="Augustus">Augustus</option> <option value="September">September</option> <option value="Oktober">Oktober</option> <option value="November">November</option> <option value="December">December</option> </select> <select name="vjaar" id="vjaar"> <option value="Jaar">Jaar</option> <option value="2008">2008</option> <option value="2009">2009</option> <option value="2010">2010</option> </select> </td></tr> <tr><td valign="top">Welke huisje:</td><td><select name="huisje" id="huisje"> <option value="1">.____Huisje Zomerbries_____.</option> <option value="2">.____Huisje Wervelwind_____.</option> <option value="3">.____Huisje Tornado________.</option> </select> <tr><td valign="top">Aantal personen:</td><td><select name="aantal personen" id="aantal personen"> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> <option value="6">6</option> <option value="7">7</option> <option value="8">8</option> </select> <tr><td valign="top">Overige vragen:</td><td><textarea name="bericht" rows="6" cols="23" id="bericht" class="area"></textarea></td></tr> <tr><td valign="top"></td><td><input type="submit" name="sendFormButton" value="Verzenden" id="sendFormButton" /></td> </tr> </table> </form> </td></tr></table> This is what i get once tested... its out of order... Help me plz...... Im not good with those thingz.. I have a simple signup form on my site that I want to pass the input to the larger signup form. Here is the code for the simple form: <form action="http://bigdogcattle.com/?a=Cattle_Mailing-List_SignUp" method="post" accept-charset="UTF-8"> The larger signup form is located he http://bigdogcattle.com/?a=Cattle_Mailing-List_SignUp I want the email address from the simple form to move to the larger form when the submit button is pressed. Ideas? Hi, I have a tricky problem that you kind people might be able to solve. I want to put one set of forms inside another set of forms without them interfering with each other. At the moment, the form I've created inside the other form is not responding. The code, when simplified, looks something like this: <FORM (1)> <FORM (2)> </FORM> </FORM> Am I trying to do the impossible or is there a way to overcome this problem? Thanks! / Stefan Hi guy, I tried to do some googling before i come to here. the problem is that i don't know what are the name or keyword for this, therefore i cannot find any relevant result. Let's say, i have many same html with different file name file filled with tables that i dont' want users to open and use it. Can i create another separate forms using html to fill in the blanks on the table cell maybe after i click submit button? Or it's easier to use VB to write a program and do the job? Please help. So i want to Post and Get in the same form for reasons of keeping the URL looking clean. I need to pass a PHP array through to the next page, and I don't want random gibberish in the URL. So, I can just Post this, but this is for a search page, and it would be nice to Get their search query for the reasons of the advantage of Get over Post, and because it looks better in my opinion. Anyways. The thing I am posting takes no user input, and it is defined in the beginning of the page. The thing I want to Get is user defined in a textbox. So, I need the method of the Form to be Get, but is it possible to also Post something? Thanks, If i wasn't clear i'm sorry and i'll try to explain it better. I have created a form with multiple different buttons, the first button is required to open a pop up box to show a list of people who live in a certain postcode. HTML Code: <div id="form"> <form name="f1" method="post"/> <p> ID: <br/> <input name="ID" type="text" value="Leave Blank" /> </p> <p> Name: <br/> <input name="Name" type="text" /> </p> <p> Address: <br/> <input name="Address" type="text" /> </p> <p> Postcode:<br/> <input name="Postcode" type="text" /> <input type='submit' value='Check' onclick="popup('popUpDiv')" /> <p><a href="#" onclick="popup('popUpDiv')">Find Person</a></p> </p> <p> Telephone: <br/> <input name="Telephone" type="text" /> </p> <p> Mobile: <br/> <input name="Mobile" type="text" /> </p> <p> AltTelephone: <br/> <input name="AltTelephone" type="text" /> </p> <p> Email: <br/> <input name="Email" type="text" /> </p> <p> Date: <br/> <input name="Date" type="text" /> </p> <p>Notes: <br/> <input name="Notes" type="text" /> </p> <p> CompanyNotes: <br/> <input name="CompanyNotes" type="text" /> </p> <p> Payment: <br/> <input name="Payment" type="text" value="Leave Blank for 0" /> </p> <p> <input type="submit" Value='Book' onclick="f1.action='insert.php'; return true " /> <!--<div id="wheel"><a href="instructorSearch.php"onClick="return popup(this, 'notes')"><img id="mainLogo" src="im/wheel.png" alt="Driving School Logo" /></a></div> !--> </p> <p><input type="submit" Value='Enquire' onclick="f1.action='insertEnquire.php'; return true " /> </form> The first button on the code works but the pop up only displays for a split second, the hyperlink underneath the button opens the pop up for good but cannot get the variable from the form.... i have the following code to send an SMS from my website HTML Code: <form method="post" action="https://www.esendex.com/secure/messenger/formpost/SendSMS.aspx"> <P>Username:<br> <INPUT name="EsendexUsername" type="text"></P> <P>Password:<br> <INPUT name="EsendexPassword" type="password"></P> <P>Account:<br> <INPUT name="EsendexAccount" type="text"></P> <P>Recipient:<br> <INPUT name="EsendexRecipient" type="text"></P> <P>Message:<br> <TEXTAREA name="EsendexBody" rows="3" cols="20"></TEXTAREA></P> <input type="submit" value="Send"> </form> however when i click send it goes to the sms servers website for confomation, i wish to back to my home page calledHome.htm if i change the action to home.htm the sms does not send any ideas anyone ? Well here is what I'm trying to do: i want to create a form with numerous fields, once people fill in the information and click the submit button i want the information, along with the titles, to show up in a pop-up and in the pop-up have a copy button to copy everything. I'm having difficulties having it show up in a pop up message to copy. If there is a faster easier way to get the information I want suggestions are much appreciated. Thank You, Jae |