Solved

Trouble with my form

Posted on 1999-01-01
4
129 Views
Last Modified: 2010-04-09
I am creating a form, and have some trouble with the last
table. Before I add it I can view the form in NN3 and IE4. After I add it, I can only see the form in IE4 (NN3 shows a blank screen).
Does anyone know how I can solve this problem?

I have also put the page on-line at:
http://members.xoom.com/wimkerk/form.html

Thanks
---------------------

<html>
<head><title></title>
</head>
<body>
<center>
<table border=0 width="600">
<tr><td width="70">&nbsp;</td>
<td width="530">

<center>
<h2>Test</h2>
</center>
<p>
Bla, bla, bla, bla, bla, bla, bla, bla, bla, bla, bla, bla, bla, bla, bla, bla, bla, bla, bla, bla, bla, bla, bla, bla, bla, bla, bla, bla, bla, bla, bla.

<!-- Form -->

<form name="test" method="post">
<table border=0>
<tr><td width="220" valign=top>
Text field for one item:</td>
<td width="310" valign=top>
<input type="text" name="item1" size="30">
</td></tr>
<tr><td colspan=2>&nbsp;</td></tr>
</table>


<table border=1>
<tr><td colspan=3><center><font color=blue size=4>Some Sites</a></font>
</td></tr>
<tr><td width="175" valign=top><input type="checkbox" name="yahoo">&nbsp;<a href="http://www.yahoo.com">Yahoo</a>
<br>
<input type="checkbox" name="Disney">&nbsp;<a href="http://www.disney.com">Disney</a>
<br>
<input type="checkbox" name="infoseek">&nbsp;<a href="http://www.infoseek.com">Infoseek</a>
</td>
<td width="175" valign=top>
<input type="checkbox" name="CNN">&nbsp;<a href="http://www.CNN.com">CNN</a>
</td>
<td width="175" valign=top><input type="checkbox" name="microsoft">&nbsp;<a href="http://www.microsoft.com">Microsoft</a>
</td></tr>
</table>
<br>

<!-- When I add the following table the trouble starts. Even when I just add <table><tr><td>test</td></tr></table> it doesn't show up in NN3 -->

<table>
<table border=0>
<tr><td width="220" valign=top>
Text field for another item:</td>
<td width="310" valign=top>
<input type="text" name="item2" size="30">
</td></tr>

<tr><td colspan=2>&nbsp;</td></tr>
<tr><td colspan=2 align=center><input type="submit">

</td></tr>
</table>
</body>
</html>
0
Comment
Question by:wimkerk
4 Comments
 
LVL 10

Expert Comment

by:MasseyM
ID: 1841155
remove the first <table> from above <table border=0>.  Netscape is expecting a table there and is not displaying the rest of the stuff.
0
 
LVL 4

Accepted Solution

by:
chewymon earned 120 total points
ID: 1841156
Count your table tags. In addition to the one mentioned by MasseyM, you don't show the first table opening tag as ever being closed.  I counted five <table> tags and only three </table> tags.  I didn't check the <td> </td> pairs, but if you missed one of them the page will fault also.
0
 
LVL 2

Expert Comment

by:happy1
ID: 1841157
Hi Wimkerk,
here's what I've found:

line 5 - <center>, that tag name was opened but never closed,
and same goes to -
<table> from line  6;
<tr>      -- line  7;
<td>      -- line  8;
<p>       -- line 13;
<form>    -- line 18;
<center>  -- line 30;
<table>   -- line 48.

On the line 30 you have closing tag </a>, but this tag was never
opened.

On the lines 32, 34, 36, 39 and 41 you have <input type="checkbox"
name="..">. An INPUT element with TYPE=CHECKBOX requires the NAME AND VALUE attributes.

Here's different view on your page with tags. Can you find here
your errors?

<html>
| <head>
| | <title>
| | </title>
| </head>
| <body>
| | <center> <table> <tr>
| | <td>
| | | &nbsp;
| | </td>
| | <td>
| | <center>
| | | <h2>
| | | </h2>
| | </center>
| | <p> <form>
| | <table>
| | | <tr>
| | | | <td>
| | | | </td>
| | | | <td>
| | | | | <input>
| | | | </td>
| | | </tr>
| | | <tr>
| | | | <td>
| | | | | &nbsp;
| | | | </td>
| | | </tr>
| | </table>
| | <table>
| | | <tr>
| | | | <td>
| | | | | <center>
| | | | | <font>
| | | | | </a>
| | | | </font>
| | | </td>
| | </tr>
| | <tr>
| | | <td>
| | | | <input> &nbsp;
| | | | <a>
| | | | </a>
| | | | <br> <input> &nbsp;
| | | | <a>
| | | | </a>
| | | | <br> <input> &nbsp;
| | | | <a>
| | | | </a>
| | | </td>
| | | <td>
| | | | <input> &nbsp;
| | | | <a>
| | | | </a>
| | | </td>
| | | <td>
| | | | <input> &nbsp;
| | | | <a>
| | | | </a>
| | | </td>
| | </tr>
| </table>
| <br> <table>
| <table>
| | <tr>
| | | <td>
| | | </td>
| | | <td>
| | | | <input>
| | | </td>
| | </tr>
| | <tr>
| | | <td>
| | | | &nbsp;
| | | </td>
| | </tr>
| | <tr>
| | | <td>
| | | | <input>
| | | </td>
| | </tr>
| </table>
</body>
</html>

Regards, Happy®One

0
 

Author Comment

by:wimkerk
ID: 1841158
Sorry for the delay. I will give my points for the answer that let my form reappear: the answer of chewymon.

Thanks MasseyM and also happy1 for the detailed comment. The additional tags that I have forgotten didn't seem to matter to NN3, but it might matter to other browsers. So thanks a lot.
0

Featured Post

Better Security Awareness With Threat Intelligence

See how one of the leading financial services organizations uses Recorded Future as part of a holistic threat intelligence program to promote security awareness and proactively and efficiently identify threats.

Join & Write a Comment

Suggested Solutions

Title # Comments Views Activity
CSS question related to hyperlinks 9 38
Image not there 4 35
Help with HTML 7 39
Glyph icons in Bootstrap 3 4 16
Foreword (July, 2015) Since I first wrote this article, years ago, a great many more people have begun using the internet.  They are coming online from every part of the globe, learning, reading, shopping and spending money at an ever-increasing ra…
Things That Drive Us Nuts Have you noticed the use of the reCaptcha feature at EE and other web sites?  It wants you to read and retype something that looks like this.Insanity!  It's not EE's fault - that's just the way reCaptcha works.  But it is …
In this tutorial viewers will learn how add a scalable full-width header using CSS3. Create a new HTML document with an internal stylesheet. Set a tiled background.:  Create a new div and name it Header. Position it with position:absolute at the top…
In this tutorial viewers will learn how to position items using CSS's three positioning types Create a new HTML document with an internal stylesheet.: Create another div in CSS and name it Absolute : Type "position:absolute;" and "top:10px; left:50p…

747 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

12 Experts available now in Live!

Get 1:1 Help Now