HTML help[RESOLVED]

Printable View

Nov 12th, 2005, 06:48 PM
Osiris

HTML help[RESOLVED]

Hi everyone :wave:

I hope that this is a simple question... well.. this is my HTML code:

HTML Code:

<html> <body> <table border=1> <tr> <td>hi <form><input type=hidden value='hello' height=0> </form> </td> </tr> </table> </body> </html>

Well, my problem is that the table comes up with an extra space, something like this:

+---+
|hi |
| * |
+---+

And I would like for my table to look like this:
+---+
|hi |
+---+

I suspect the <input type=hidden> to be causing this but I dont know how to get rid of this problem. Anyone have any idea of how to fix this?
Nov 12th, 2005, 06:56 PM
RobDog888

Re: HTML help

Since you have your formatting of code with a carriage return (line break) it adds the break to after your form resulting in an additional line.

HTML Code:

<html> <body> <table border=1> <tr> <td>hi <form><input type=hidden value='hello' height=0></form> </td> </tr> </table> </body> </html>
Nov 12th, 2005, 07:02 PM
Osiris

Re: HTML help

Quote:

Originally Posted by RobDog888

Since you have your formatting of code with a carriage return (line break) it adds the break to after your form resulting in an additional line.

HTML Code:

<html> <body> <table border=1> <tr> <td>hi <form><input type=hidden value='hello' height=0></form> </td> </tr> </table> </body> </html>

No, that's not it... as I understand HTML ignores any carriage return and only accepts the tag <br>...

edit:
Actually, the problem is the form itself, wheneven I remove the form the problem goes away...
Nov 12th, 2005, 07:07 PM
RobDog888

Re: HTML help

Oops I missed the "Hi" being in there. You have a line break after the "Hi" and then your form. Place that all on one line.

HTML Code:

<html> <body> <table border=1> <tr> <td>hi<form><input type=hidden value='hello' height=0></form></td> </tr> </table> </body> </html>
Nov 12th, 2005, 07:11 PM
DeadEyes

Re: HTML help

either place the table within the form or set the forms style to display:none

PHP Code:

<html> <body> <form > <table border=1> <tr> <td>hi <input type=hidden value='hello' height=0 ></td> </tr> </table> </form> </body> </html>
Nov 12th, 2005, 07:13 PM
Osiris

Re: HTML help

Quote:

Originally Posted by RobDog888

Oops I missed the "Hi" being in there. You have a line break after the "Hi" and then your form. Place that all on one line.

HTML Code:

<html> <body> <table border=1> <tr> <td>hi<form><input type=hidden value='hello' height=0></form></td> </tr> </table> </body> </html>

I have already tried that...
the space is still there when the HTML code is only this:

HTML Code:

<html> <body> <table border=1> <tr> <td>hi<form></form></td> </tr> </table> </body> </html>

[/QUOTE]

and when I remove the <form> tags it becomes ok...
Nov 12th, 2005, 07:14 PM
RobDog888

Re: HTML help

Ok then, is your cell wide enough or the form could be causing a word wrap effect.
Nov 12th, 2005, 07:23 PM
Osiris

Re: HTML help

Quote:

Originally Posted by DeadEyes

either place the table within the form or set the forms style to display:none

PHP Code:

<html> <body> <form > <table border=1> <tr> <td>hi <input type=hidden value='hello' height=0 ></td> </tr> </table> </form> </body> </html>

Well, I wouldn't be able to do this because originally I will have this code generated by PHP and create many tables

PHP Code:

<html> <body> <table name='main_table'> <tr> <td> <form > <table border=1> <tr> <td>hi <input type=hidden value='hello' height=0 ></td> </tr> </table> </form> </td> </tr> <tr> <td>hi 2<input type=hidden value='hello2'> </td> </tr> </table> </body> </html>

how would you set the form's style display to none?
<form display=none>?

I would like to try this second option... :)
Nov 12th, 2005, 07:24 PM
Osiris

Re: HTML help

Quote:

Originally Posted by RobDog888

Ok then, is your cell wide enough or the form could be causing a word wrap effect.

Yeah, perhaps, I will try extending the cell... or try the forms display style to none... if i am able to try it.
Nov 12th, 2005, 07:44 PM
DeadEyes

Re: HTML help

Quote:

Originally Posted by Osiris

how would you set the form's style display to none?
<form display=none>?

I would like to try this second option... :)

HTML Code:

<form style="display:none">

but thats workaround not a proper solution. You might want to reconsider how the code is being generated fixing it may be a pain but it might work out better in the long run.
Nov 12th, 2005, 08:01 PM
Osiris

Re: HTML help

Quote:

Originally Posted by DeadEyes

HTML Code:

<form style="display:none">

Setting the display to none works great!

Thanks everyone for your help. :)

Quote:

but thats workaround not a proper solution. You might want to reconsider how the code is being generated fixing it may be a pain but it might work out better in the long run.

I think I have to use this...

I am generating a tables withing a main table and each table generated is wrapped by a form that will be submitted, and these forms are giving me extra spaces... i wouldn't know how else i would go about generating the code so it is formatted withing a table.
Nov 12th, 2005, 08:05 PM
Osiris

Re: HTML help

Heh, I didn't realize that the style="display:none" made everything in the form disappear until i applied it to my actual code... =|

i guess you are right, that would not be a good idea to fix my problem...
Nov 12th, 2005, 08:23 PM
visualAd

Re: HTML help

What you see is a form margin. A simple peice of CSS will sort that. Also, don't use the border=1 attribute, it is deprecated :)

HTML Code:

<html> <style type="text/css"> table td form { margin-top: 0px; } table td { border-style: outset; border-color: white; border-width: 5px; padding-right: 5px; } </style> <body> <table> <tr> <td>hi <form><input type=hidden value='hello' height=0> </form> </td> </tr> <tr> <td>hi <form><input type=hidden value='hello' height=0> </form> </td> </tr> </table> </body> </html>

Sorry, the forums screws up the spacing in the HTML :( - but hopefully you get the idea.
Nov 12th, 2005, 08:24 PM
Osiris

Re: HTML help

Ok, I did manage to work around the problem using the style="display:none"...

Just in case in the future someone has the same problem I will post what I did... but I don't think will apply to all cases because we wouldn't want the form to be invisible.

my solution:

Code:

<table name='main_table'> <tr> <td> <table> <tr> <td> information </td> <td> <form name='frm0' style='display:none'> <input type=hidden name='field0' value='x'> </form> <input type=button value='View' onclick="document.frm0.submit();"> </td> </tr> </table> </td> </tr> </table>
Nov 12th, 2005, 08:25 PM
visualAd

Re: HTML help

Look at my previous post :)
Nov 12th, 2005, 08:31 PM
Osiris

Re: HTML help

Quote:

Originally Posted by visualAd

Look at my previous post :)

Thanks visualAd :thumb:

And thanks everyone that helped...

-------

if we shouldn't use border=1... what should we use? the 'style' attribute?