Table Problem?

ivan · #1 (**permalink**) Feb 23rd, 2006, 01:08

If i have a internal table inside another table, and the internal table contains an invalid table(example: no closing tr tag, etc), this will affect all table layout. So how can i preserve the table layout that the "invalid inner table" will not affect other table setting? For example:

Code: Select all

 
<TABLE>
<TR>
<TD Width="50%">Test1</TD>
<TD>Test2</TD>
</TR>
<TR>
<TD>
<!-- start invalid table -->
<TABLE>
<TR>
<TD>Invalid table</TD>
<TR>
<TR>
<TD>
<TABLE>
<TR>
<TD>Invalid Table</TD>
<TR>
<TD>
<TABLE>
<TR>
<TD>Wrong
<TD> Wrong 2
</TD>
</TR>
</TABLE>
<!-- end invalid table -->
</TD>
</TR> 
</TABLE>

Can some one solve the problem as fast as possible?

sypher · #2 (**permalink**) Feb 23rd, 2006, 01:34

Why would you want an invalid table?

craig · #3 (**permalink**) Feb 23rd, 2006, 01:45

Why not just close the TR tags and go into the second table, unless you want to nest a table in a table in a table. I'm not sure I fully understand what your are trying to implement?

herkalees · #4 (**permalink**) Feb 23rd, 2006, 04:13

I'd fix it all by losing the tables and doing it the right way... have a url, or more source code we can see?

ivan · #5 (**permalink**) Feb 23rd, 2006, 08:34

Hi all,
Actually i'm doing a page that allow the user to enter his/her message in a text box and then the user's input content will be view in browser. If the user's input not contains any HTML tag, the page is normal in view. Otherwise, the output is unexpected. Below showing two examples which is one consist of normal user input and the output is good in view. Another one example is the user's input consist of invalid HTML tag, so the output screen is unexpected.

This example showing that the user input normal text:

Code: Select all

 
<HTML>
    <TR>
       <TD>
            <TABLE Width="100%" Border="0">
            <TR>
               <TD style="height:3pt;">
  </TD>
            </TR>
            <TR>
               <TD Width="17%">Original Message:</TD>
               <TD>
                  <DIV id="fraGroup" scrolling="yes" style="height:100;overflow-
y:scroll;background-color:#FFFFFF;border:groove 1px #FFFFFF">
                   <!-- Start Invalid Tabe here --> 
                    <TABLE Width="100%" Border="0" CellSpacing="0" CellPadding="0" 
Align="Center">
                        <TR>
                           <TD Colspan="3"/> 
                         </TR>
                         <TR>
                            <TD>
                                <P>Here will show something</P>
                             </TD>
                          </TR>
                          <TR>
                              <TD Height="12" Colspan="4">
                                 <Span style="overflow-x:hidden;overflow-y:visible;width:633.6">
                                     <!-- Here will show user's input for a message title -->
                                      Testing
                                 </Span>
                                 <BR/> 
                                 <Span style="overflow-x:hidden;overflow-y:visible;width:614.592">
          <!-- Here will show user's input for the message content. The problem 
is if he/she input a text that contains invalid HTML table tag, the screen is unexpected. For 
Example: --> 
This is User's input text that do not consist of any HTML tag
 
                                 </Span>
                               </TD>
                           </TR>
                          <TR><TD Height="3" Colspan="4">&nbsp;</TD></TR>
                     </TABLE>
                    <!-- End Invalid Table -->
                  </DIV>
               </TD>
            </TR>
            <TR>
               <TD Colspan="2" Height="3pt"/>
            </TR>
         </TABLE>
      </TD>
   </TR>
   <TR>
      <TD Colspan="3"/>
   </TR>
   <TR>
      <TD>
         <TABLE Width="100%" Border="0">
            <TR>
                <TD Width="17%">Title:</TD>
                 <TD Width="83%"><Textarea name="txtTitle"></Textarea></TD> 
             </TR>
         </TAbLE>
      </TD>
   </TR>
</HTML>

This example showing that the user input invalid HTML tag:

Code: Select all

 
<HTML>
    <TR>
       <TD>
            <TABLE Width="100%" Border="0">
            <TR>
               <TD style="height:3pt;">
  </TD>
            </TR>
            <TR>
               <TD Width="17%">Original Message:</TD>
               <TD>
                  <DIV id="fraGroup" scrolling="yes" style="height:100;overflow-
y:scroll;background-color:#FFFFFF;border:groove 1px #FFFFFF">
                   <!-- Start Invalid Tabe here --> 
                    <TABLE Width="100%" Border="0" CellSpacing="0" CellPadding="0" 
Align="Center">
                        <TR>
                           <TD Colspan="3"/> 
                         </TR>
                         <TR>
                            <TD>
                                <P>Here will show something</P>
                             </TD>
                          </TR>
                          <TR>
                              <TD Height="12" Colspan="4">
                                 <Span style="overflow-x:hidden;overflow-y:visible;width:633.6">
                                     <!-- Here will show user's input for a message title -->
                                      Testing
                                 </Span>
                                 <BR/> 
                                 <Span style="overflow-x:hidden;overflow-y:visible;width:614.592">
          <!-- Here will show user's input for the message content. The problem 
is if he/she input a text that contains invalid HTML table tag, the screen is unexpected. For 
Example: --> 
<Table><Tr><td>Invalid <TR>HTML<Table>Tag
 
                                 </Span>
                               </TD>
                           </TR>
                          <TR><TD Height="3" Colspan="4">&nbsp;</TD></TR>
                     </TABLE>
                    <!-- End Invalid Table -->
                  </DIV>
               </TD>
            </TR>
            <TR>
               <TD Colspan="2" Height="3pt"/>
            </TR>
         </TABLE>
      </TD>
   </TR>
   <TR>
      <TD Colspan="3"/>
   </TR>
   <TR>
      <TD>
         <TABLE Width="100%" Border="0">
            <TR>
                <TD Width="17%">Title:</TD>
                 <TD Width="83%"><Textarea name="txtTitle"></Textarea></TD> 
             </TR>
         </TAbLE>
      </TD>
   </TR>
</HTML>

As you can see the output for 2nd example is unexpected after the user's input. So how can i do to preserve my output as in example1 no matter what user's input content. I have tested with adding a table/Div/Span before the invalid table, but it is not function. Be aware that my screen is not as simple as in these examples. Can someone please help me to solve the problem?

Rob · #6 (**permalink**) Feb 23rd, 2006, 12:22

Why not just dissallow HTML from being entered?

ivan · #7 (**permalink**) Feb 23rd, 2006, 23:54

How to disallow HTML? I want the user content to be shown.

benbacardi · #8 (**permalink**) Feb 26th, 2006, 12:04

why not replace all instances of "<" in the post with "<" and all instances of ">" in the post with ">"

ivan · #9 (**permalink**) Mar 1st, 2006, 09:31

The problem is not of the special characters. Can you imagine that i have 2 pages which 1 is to allow the user to input his/her message title and content, 1 page to show the message title and content in a message board(in HTML form, not in text form). For the maintenance page, let say i have 1 table for title(with textarea inside), 1 table for content(with textarea inside), and 1 table to build OK and Cancel button. When the user clicks on OK button, the message title and content will be inserted into database. Then the maintenance page is closed and return to Message Board page. In the page, all the messages will be shown in HTML format, not in text format. Thus, if the user title/content contains of HTML tag(example, message title: <Font color="#FF0000">First Message</Font>), the word "First Message" will be displayed in red color. So the user can form any HTML code at the maintenance page.
My problem is if the user gives the invalid HTML code for his/her message content, after the page returned from maintenance page to Message Board page, the invalid HTML code of the message content will affect my layout and the web GUI now will be unexpected. So my question is can i differentiate the invalid HTML table from affecting other HTML table? How can i do that?

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Iframe / Table Problem.... help me!!!	bigbluesky2006	Web Page Design	4	Dec 16th, 2006 10:59
Table conversion problem	dartiss	Web Page Design	9	Jul 26th, 2006 17:42
Table sizing problem	Jaken Veina	Web Page Design	1	Jan 6th, 2006 22:06
CSS and Table problem	lisnalinchy	Web Page Design	10	Aug 3rd, 2005 09:54
Expandable Table Problem	legomaniac	Web Page Design	3	Jul 15th, 2005 14:16

		Webforumz.com > Main Forums > Design Your Website > Web Page Design
Table Problem?