ansaurus

Question

W3C-Validation problem with overlapping form and div-tags

Answer 1

A:

XML (XHTML in this case) needs to be well-formed. Take a look at this. You should be able to fix that problem by moving the <form>-tag up in the tree.

Instead of

<div>
    <form action="/some_target" method="post">
        <input/>
</div>
<div>
        <input />
    </form>
</div>

do the following (move the form element up, so that it wraps the inputs as well as their containers):

<form action="/some_target" method="post">
    <div>
        <input/>
    </div>
    <div>
        <input />
    </div>
</form>

elusive 2010-10-22 18:55:41

Answer 2

+2 A:

XHTML doesn't let you overlap tags. For example, this is invalid:

<div><form></div></form>

What you're going to want to do is, rather than trying to only encompass the items that you believe are in the form, encompass the <input /> tags that are in the form as well as their containers. For instance, your code should look like this instead:

 <div class="content">
    <form action="links.php" method="post"><input type="hidden" name="edit_page_check" value="yes" />
  <div class="box alignleft">

   <div class="boxtop"></div>
   <div class="boxmiddle">


    <p>
     <span id="page_leftbox">Text</span>
    </p>
   </div>

   <div class="boxbottom"></div>

  </div>
  <div class="column580 alignright">

   <div class="header580">
    <h2>Topic</h2><span class="headerdesc">Text</span>
   </div>
   <p>

    <span id="page_info">Info</span>

   </p>

   <br/>
   <div id="addlinkform" style="display: none;">
Form2
   </div>
   <div id="linkform" style="display: none;">
Form3
   </div>
   </div>
  </form>
 </div>

Notice how the form element spans ALL of the input tags' containers.

mattbasta 2010-10-22 18:57:13

Answer 3

A:

Wow it works! Thanks a bunch :D I didn't know you could do like <form><input><form><input></form></form> but it seems to work and it validates fine, thanks :)

2010-10-22 23:20:17

ansaurus

tags:

views:

answers:

W3C-Validation problem with overlapping form and div-tags

related questions