HTML and CSS RSS HTML and CSS RSS

Position textarea below table

Reply

•
•
Join Date: Jul 2008
Posts: 25
Reputation: stockton is an unknown quantity at this point 
Solved Threads: 0
stockton stockton is offline Offline
Light Poster

Position textarea below table

 
0
  #1
Sep 3rd, 2009
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>
Regards,
Alf Stockton www.stockton.co.za
Reply With Quote Quick reply to this message  
•
•
Join Date: Jan 2009
Posts: 1,358
Reputation: almostbob has a spectacular aura about almostbob has a spectacular aura about 
Solved Threads: 163
almostbob's Avatar
almostbob almostbob is offline Offline
Nearly a Posting Virtuoso

Re: Position textarea below table

 
1
  #2
Sep 3rd, 2009
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.
Failure is not an option It's included free, you don't have to do anything to get it
If at first you dont succeed, join the club
Of course its always in the last place you look, you dont keep looking after you find it

Please mark solved problems, solved
Reply With Quote Quick reply to this message  
•
•
Join Date: Jul 2008
Posts: 25
Reputation: stockton is an unknown quantity at this point 
Solved Threads: 0
stockton stockton is offline Offline
Light Poster

Re: Position textarea below table

 
0
  #3
Sep 4th, 2009
I appreciate the help and will work on almostbob's suggestions.
Regards,
Alf Stockton www.stockton.co.za
Reply With Quote Quick reply to this message  
•
•
Join Date: Jul 2008
Posts: 25
Reputation: stockton is an unknown quantity at this point 
Solved Threads: 0
stockton stockton is offline Offline
Light Poster

Re: Position textarea below table

 
0
  #4
Sep 4th, 2009
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.
Regards,
Alf Stockton www.stockton.co.za
Reply With Quote Quick reply to this message  
•
•
Join Date: Jan 2009
Posts: 1,358
Reputation: almostbob has a spectacular aura about almostbob has a spectacular aura about 
Solved Threads: 163
almostbob's Avatar
almostbob almostbob is offline Offline
Nearly a Posting Virtuoso

Re: Position textarea below table

 
0
  #5
Sep 4th, 2009
topic body: <br />
Failure is not an option It's included free, you don't have to do anything to get it
If at first you dont succeed, join the club
Of course its always in the last place you look, you dont keep looking after you find it

Please mark solved problems, solved
Reply With Quote Quick reply to this message  
•
•
Join Date: Jan 2009
Posts: 93
Reputation: Zero13 is an unknown quantity at this point 
Solved Threads: 13
Zero13 Zero13 is offline Offline
Junior Poster in Training

Re: Position textarea below table

 
0
  #6
Sep 5th, 2009
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..
Reply With Quote Quick reply to this message  
Reply

Quick Reply to Thread
This thread is more than three months old.
Perhaps start a new thread instead?
•
•
•
•
•
•
•
•
Message:
•
•
•
•



Similar Threads
Other Threads in the HTML and CSS Forum
Thread Tools Search this Thread



appointments asp background backgroundcolor beta browser bug calendar cart cgi code codeinjection corporateidentity css design development displayimageinsteadofflash dreamweaver emailmarketing epilepsy explorer firefox flash form format google griefers hackers hitcounter hover html ide ie7 ie8 iframe image images internet internetexplorer intranet iphone javascript jpeg layout macbook maps marketshare microsoft mozilla multimedia navigationbars news offshoreoutsourcingcompany opacity opera optimization perl pnginie6 positioning problem scroll seo shopping studio swf swf. textcolor timecolor titletags url urlseparatedwords visual visualization web webdevelopment webform website windows7 xml xsl
About Us | Contact Us | Advertise | DaniWeb | Acceptable Use Policy | RSS Feed

©2003 - 2009 DaniWeb® LLC