943,633 Members | Top Members by Rank

Web Development > Web Design > HTML and CSS > Position textarea below table
Ad:
Permalink
Sep 3rd, 2009
0

Position textarea below table

Expand Post »
In the following I need/want to alter the field called "TopicBody" to align with the table that appears above it.
No matter whether I tried div or span positioning but I cannot get it working correctly.
Please tell me why.

HTML and CSS Syntax (Toggle Plain Text)
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  2.         "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3. <html>
  4. <head>
  5. <title>Add help</title>
  6. <meta http-equiv="cache-control" content="no-cache">
  7. <meta http-equiv="expires" content="Mon, 22 Jul 2000 11:12:01 GMT"
  8. <!-- Put IE into quirks mode -->
  9. <title><?php echo HOSTDESCRIPTOR ?>: HelpPage</title>
  10. <link rel="stylesheet" type="text/css" href="CSS/Help.css" />
  11. <link rel="stylesheet" href="/CSS/custom-theme/jquery-ui-1.7.1.custom.css"/>
  12. <link rel="stylesheet" href="/CSS/SiteWide.css"/>
  13. <script type="text/javascript" src="/JavaScripts/DWjQuery.js"></script>
  14. <script type="text/javascript" src="/JavaScripts/CL/ComponentLoader.js"></script>
  15. <script type="text/javascript">
  16. $(document).ready( function()
  17.     {
  18.     //load the standard headers.
  19.     $("#header").LoadComponent("<? echo STANDARD_HEADER;?>");
  20.     });
  21. </script>
  22.  
  23. </head>
  24. <body bgcolor="#eeeeee">
  25. <div id="container">
  26. <center>
  27. <h2>Amend/Delete Help Record</h2><br>
  28. <form id="HelpUD" name="HelpUD" action="HelpUpdate.php?UID=<?php echo $ID ?> " method=post enctype="multipart/form-data">
  29. <table style="hidden"> 
  30. <tr> <td> Record Type:</td> 
  31. <td> <input type='text' readonly id="RecordType" name="RecordType" value="<?php echo $ParentString ?>" >
  32. </td></tr>
  33. <tr><td>Topic Title:</td>
  34. <td><input type="text" id="TopicTitle" name="TopicTitle" value="<?php echo $TopicName ?> " maxlength="25">
  35. </td> </tr> 
  36. <tr> <td> Parent:</td> 
  37. <td> <input type='text' id="Parent" name="Parent" value="<?php echo $Parent ?>" />
  38. </td></tr>
  39. </center>
  40. </table>
  41.  
  42. Topic Body:
  43. <textarea cols="60" rows="10" id="TopicBody" name="TopicBody" value="<?php echo $Topic ?>  ></textarea> 
  44.  
  45. <p> <font color=red> <?php echo $Message ?> </font> </p> 
  46. <input type=button value="Back" onclick="BackClick()" /> 
  47. <input type=button value="Delete" onclick="DeleteHelp()" /> 
  48. <input type=button value="Update" onclick="UpdateClick()" /> 
  49. </form> 
  50. </div> 
  51. <div id="header"> 
  52.         loading...
  53. </div> 
  54.  
  55. </body> 
  56. </html>
Similar Threads
Reputation Points: 20
Solved Threads: 0
Light Poster
stockton is offline Offline
32 posts
since Jul 2008
Permalink
Sep 3rd, 2009
1

Re: Position textarea below table

this is better
php Syntax (Toggle Plain Text)
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 
  3. <head>
  4. <title>Add help</title>
  5. <meta http-equiv="cache-control" content="no-cache" />
  6. <meta http-equiv="expires" content="Mon, 22 Jul 2000 11:12:01 GMT" />
  7. <!-- Put IE into quirks mode -->
  8. <title><?php echo HOSTDESCRIPTOR ?>: HelpPage</title>
  9. <link rel="stylesheet" type="text/css" href="CSS/Help.css" />
  10. <link rel="stylesheet" href="/CSS/custom-theme/jquery-ui-1.7.1.custom.css"/>
  11. <link rel="stylesheet" href="/CSS/SiteWide.css"/>
  12. <script type="text/javascript" src="/JavaScripts/DWjQuery.js"></script>
  13. <script type="text/javascript" src="/JavaScripts/CL/ComponentLoader.js"></script>
  14. <script type="text/javascript">
  15. $(document).ready( function()
  16.     {
  17.     //load the standard headers.
  18.     $("#header").LoadComponent("<? echo STANDARD_HEADER;?>");
  19.     });
  20. </script>
  21. </head>
  22. <body bgcolor="#eeeeee">
  23. <div style='text-align:center'>
  24. <h2>Amend/Delete Help Record</h2><br>
  25. <form id="HelpUD" name="HelpUD" action="HelpUpdate.php?UID=<?php echo $ID ?>" method=post enctype="multipart/form-data">
  26. <table style="hidden">
  27. <tr><td>Record Type:</td>
  28. <td><input type='text' readonly id="RecordType" name="RecordType" value="<?php echo $ParentString ?>" >
  29. </td></tr>
  30. <tr><td>Topic Title:</td>
  31. <td><input type="text" id="TopicTitle" name="TopicTitle" value="<?php echo $TopicName ?>" maxlength="25">
  32. </td></tr>
  33. <tr><td>Parent:</td>
  34. <td><input type='text' id="Parent" name="Parent" value="<?php echo $Parent ?>" />
  35. </td></tr>
  36. </table>
  37. Topic Body:
  38. <textarea cols="60" rows="10" id="TopicBody" name="TopicBody" value="<?php echo $Topic ?>"></textarea>
  39. </div>
  40. <p><font color='red'><?php echo $Message ?></font></p>
  41. <input type='button' value="Back" onclick="BackClick()" />
  42. <input type='button' value="Delete" onclick="DeleteHelp()" />
  43. <input type='button' value="Update" onclick="UpdateClick()" />
  44. </form>
  45. </div>
  46. <div id="header">loading...
  47. </div>
  48. </body>
  49. </html>
the best criticism/advice I can offer is to use a code highlighting editor, notepad2 notepad++ or any of the others, that will show you when you have forgotten to close a quote.
the code is not valid xhtml see the new line 2, there are other bugs, validate by pointing the validator at a test run url, so there is a value in the script variables
this tool http://validator.w3.org/ will help you debug
Last edited by almostbob; Sep 3rd, 2009 at 4:43 pm.
Reputation Points: 562
Solved Threads: 367
Posting Maven
almostbob is offline Offline
2,970 posts
since Jan 2009
Permalink
Sep 4th, 2009
0

Re: Position textarea below table

I appreciate the help and will work on almostbob's suggestions.
Reputation Points: 20
Solved Threads: 0
Light Poster
stockton is offline Offline
32 posts
since Jul 2008
Permalink
Sep 4th, 2009
0

Re: Position textarea below table

OK I have attempted your version which can, with small alterations, be seen at http://www.stockton.co.za/HelpUD.php.
It still does not give me what I wanted.
I would like the text "Topic Body: " to appear at the top of the textarea box.
I also want this Text & textarea to be aligned with the fields above it.
Something similar to http://www.stockton.co.za/Screenshot.png would do fine.
Reputation Points: 20
Solved Threads: 0
Light Poster
stockton is offline Offline
32 posts
since Jul 2008
Permalink
Sep 4th, 2009
0

Re: Position textarea below table

topic body: <br />
Reputation Points: 562
Solved Threads: 367
Posting Maven
almostbob is offline Offline
2,970 posts
since Jan 2009
Permalink
Sep 5th, 2009
0

Re: Position textarea below table

use span to your text
HTML and CSS Syntax (Toggle Plain Text)
  1. <span style="vertical-align: top">Topic Body:</span>

It will help you..
Reputation Points: 120
Solved Threads: 132
Practically a Master Poster
Zero13 is offline Offline
620 posts
since Jan 2009

This thread is solved

Either the thread starter or a moderator has marked this thread as solved. You can most likely trust the responses and answers given. There is most likely no reason for any further responses to be posted here. If you have a related question, please start a new thread in this forum instead.

This thread is more than three months old

No one has posted to this discussion for at least three months. Please let old threads die and do not reply to them unless you feel you have something new and valuable to contribute that absolutely must be added to make the discussion complete. Otherwise, please start a new thread in this forum instead.
Message:
Previous Thread in HTML and CSS Forum Timeline: <tr> link problem in chrome and firefox
Next Thread in HTML and CSS Forum Timeline: Use of properties inside <tr> tags





About Us | Contact Us | Advertise | Acceptable Use Policy
Forum Index | Build Custom RSS Feed


Follow us on Twitter


© 2011 DaniWeb® LLC