Dreamweaver - adding </form> tag scrambles my page

Author

adding </form> tag scrambles my page

mxr618

2006-02-28, 6:22 pm

Hey, all -

The site I'm working on looks good in a browser. My slices / tables / etc. all
line up perfectly.

I added the </form> tag to the form and everything in the design window goes
to crud...tables fall over and stuff flying everywhere. The problem seems to
just be on the </form> tag. It's driving me nuts.

I've use the code inspector but deleting the yellow tags makes it worse. Using
the Code Inspector BEFORE I add the opening <form> tag shows no trouble in my
code.

Further, the site looks fine on the Net!

Any ideas or suggestions? I've searched this forum but nobody seems to have
the same issue with the form tag as I.

Thanks,

Tom

Tim G

2006-02-28, 6:22 pm

"mxr618" <webforumsuser@macromedia.com> wrote in message
news:du2fen$og0$1@forums.macromedia.com...
> Hey, all -
>
> The site I'm working on looks good in a browser. My slices / tables / etc.
> all
> line up perfectly.
>
> I added the </form> tag to the form and everything in the design window
> goes
> to crud...tables fall over and stuff flying everywhere. The problem seems
> to
> just be on the </form> tag. It's driving me nuts.
>
> I've use the code inspector but deleting the yellow tags makes it worse.
> Using
> the Code Inspector BEFORE I add the opening <form> tag shows no trouble in
> my
> code.
>
> Further, the site looks fine on the Net!
>
> Any ideas or suggestions?

Not without seeing your page. Provide a URL.

Sounds like something is not nested correctly.

tim

mxr618

2006-02-28, 6:22 pm

The page is http://www.centeredforsuccess.com/c...g/coaching2.htm

I've moved on to the other pages in the site and the same thing's happening.
That means I'm replicating the error...which means I'm not nuts.

Thanks for the reply, Tim!

Murray *ACE*

2006-02-28, 6:22 pm

This is certainly a messy nest, wouldn't you say?

<p align="center">
<form>
<div align="center">
<input name="name" type="text" value="Your Name" size="20">
<br>
<br>
<input name="email" type="text" value="Your Email" size="20">
</div>
<div align="center">
</p>

</div>
</td>

<td><img src="spacer.gif" width="1" height="85" border="0"></td>
</tr>

<tr>
<td height="30"> </td>
<td colspan="2"><input type="image" value="submit" name="SUBMIT"
src="subscribe.jpg" width="184" height="30" border="0"></td>
</form>

--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================

"mxr618" <webforumsuser@macromedia.com> wrote in message
news:du2hn8$r5o$1@forums.macromedia.com...
> The page is http://www.centeredforsuccess.com/c...g/coaching2.htm
>
> I've moved on to the other pages in the site and the same thing's
> happening.
> That means I'm replicating the error...which means I'm not nuts.
>
> Thanks for the reply, Tim!
>

Tim G

2006-02-28, 10:15 pm

"Murray *ACE*" <forums@HAHAgreat-web-sights.com> wrote in message
news:du2im4$sf6$1@forums.macromedia.com...
> This is certainly a messy nest, wouldn't you say?

Yup, a mess of tags, and not nested.

MXR, tags cannot be staggered; they need to be nested within one another.
For example:

<form>
<input>
<input>
</form>

...or more complex:
<form>
<div>
<input>
<input>
</div>
</form>

etc.

When you cut out the extraneous stuff, this is what you've got below:

<p>
<form>
<div>
<input>
<br>
<br>
<input>
</div>
<div> (so far okay, although a bit ugly)
</p> (whoops!)
</div>
</td>
etc

Like Murray said, this is a mess. You need to rebuild it and make sure that
things are nested correctly. If you start with a <p>, you need to end with a
</p>, and so on. (Of course, you can have multiple items nested at the same
level, but they can't be staggered like you have here.)

tim

> <p align="center">
> <form>
> <div align="center">
> <input name="name" type="text" value="Your Name" size="20">
> <br>
> <br>
> <input name="email" type="text" value="Your Email" size="20">
> </div>
> <div align="center">
> </p>
>
> </div>
> </td>
>
> <td><img src="spacer.gif" width="1" height="85" border="0"></td>
> </tr>
>
> <tr>
> <td height="30"> </td>
> <td colspan="2"><input type="image" value="submit" name="SUBMIT"
> src="subscribe.jpg" width="184" height="30" border="0"></td>
> </form>
>
>
> --
> Murray --- ICQ 71997575
> Adobe Community Expert
> (If you *MUST* email me, don't LAUGH when you do so!)
> ==================
> http://www.dreamweavermx-templates.com - Template Triage!
> http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
> http://www.dwfaq.com - DW FAQs, Tutorials & Resources
> http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
> ==================
>
>
> "mxr618" <webforumsuser@macromedia.com> wrote in message
> news:du2hn8$r5o$1@forums.macromedia.com...
>
>

mxr618

2006-02-28, 10:15 pm

Yes, I think you're right...but how do I fix it?

Tom

Murray *ACE*

2006-02-28, 10:15 pm

That's where understanding HTML comes in handy. You can either rebuild it
in DW from scratch or you can move tags around so that all of your nests are
properly formed.

--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================

"mxr618" <webforumsuser@macromedia.com> wrote in message
news:du2lbk$2js$1@forums.macromedia.com...
> Yes, I think you're right...but how do I fix it?
>
> Tom