Hidden input tags in IE?

I did not realize my first post would not be part of the original thread so it probably made no sense to most.

Hopefully this will put everything into context:

I have the same issue and followed the instructions posted with this thread:

http://www.csscreator.com/node/20467

I even added float:left to the CSS.

Here is what I have on the page:



Here is what I have in the CSS: input.HiddenField { display: none; width: 0px; height:0px; margin: 0px; padding: 0px; font-size: 0px; line-height: 0px; float: left; } None of the 'input.HiddenField' styling made any difference what so ever. I do know that everthing is "linked" properly because the hidden inputs are no longer visible in DreamWeaver.

Does anyone have any suggestions?

Thanks, Jeff

Hi

As I answered the first post, I'll try to help here too.

If the fields are hidden, put them at the end rather than around the button. It would help if you posted up the full code of your form so we can see what it is supposed to look like. Right now there is too little to play with.

Thanks Cleva Treva.

I moved the hidden fields to the end of the form. Still made no difference.

Here is the html code for the page:

Cornhole Boards and Plans - majetra

input.HiddenField {
display: none;
width: 0px;
height:0px;
margin: 0px;
padding: 0px;
font-size: 0px;
line-height: 0px;
float: left;
}

Products
Customer Service
Links
Contact Us

Home | Products | M.A.M.E. Arcade Machine | Cornhole Products | Game Boards | Plans | Tote Bag | Wood Pens | Product List | Customer Service | General Information | Forums | For Members | Links | Contact Us | General Inquiry | Order Specific |

Official Member of the ACA (American Cornhole Association)



CORNHOLE GAME BOARDS

"fantastic ....quick delivery and product was exactly how described."

David R., Lockport, IL

"Great communication. A pleasure to do business with"

Richard P., Maynardville, TN

"Fast shipping and exactly as described"

Marjorie S., Mount Airy, MD

"Great product. Lighting fast delivery."

James B., F. Lauderdale, FL

Enter your search terms




Submit search form

Sturdy construction. The legs will not fold unless you want them to.
Thinnest we have seen and very simple to set up. Self contained unit. No
tools needed or parts to put together for set up and play.
The surface is made of 1/2" sanded plywood, framed on the underside with
3/4" x 1 1/2" hard wood. The front and rear legs are attached to the
main board with piano hinges. The boards slide together for easy
transport.

Two coats of latex paint, six coats of clear. No stickers.

Dimensions: 24"W x 48"L, 12" rear height, 4" front height, 2 1/2" combined
thickness.

Allow 3-4 weeks for delivery.

 

NEW! CORNHOLE GAMEBOARD PLANS

Now includes three completes guides to build our Ultra portable, foldable, and rigid box styles. You can build your own game boards with this complete and comprehensive set of plans. Forty (40) pages of step by step directions, pictures, and professional CAD drawings. Covers everything from a list of materials to applying the finish. The materials can be purchased from local, national chains to construct any of the boards including the same boards we sell above for $185.00.

INSTANT DOWNLOAD!!! Once your payment has been processed*, just click on the "Return to Merchant" button for the download page to display. A payment acknowledgement will be sent to the PRIMARY e-mail address you have registered to your PayPal account or the e-mail address you specified during checkout if you did not open an account with them. This acknowledgement (invoice) will also contain a secured download link for the plans and login information to our website. Just unzip and use Adobe Reader to open the PDF files (e-books).

All three sets of plans are for regulation size boards that comply with the Equipment Specifications & Standards of the ACA.

1. ULTRA portable: When folded and locked together, they measure 24"High x 48"Wide x 2 1/2"Thick! Thinnest and lightest we have seen and very simple to set up. Self contained unit. No tools needed or parts to put together for set up and play once fabricated.


2. Foldable: These boards are portable but they are heavier than our Ultra portables and take up more storage space. They are also heavy-duty.
3. Non-foldable: For the purists among us who want to make the original non-foldable type.

Comes with Corn Bag layout (the best way to make them) and official game regulations which shows you how to play the game & keep score. Also shows you how to make a distance regulator.

* paying with an eCheck will delay the delivery of the download information until your payment clears (usually 3-4 business days)

 

Here is what it looks like when using FireFox:

Here is what it looks like when using IE6 or IE7:

Thanks again,

Jeff

Hi

The attached image links don't work.

Can you use the attach option (below the post textarea) and directly post them here?

That's odd...

I can see the pics from here.

I have attached them though.

Attachment	Size
IE7.jpg	54.28 KB
firefox.jpg	47 KB

Cleva Treva,

Thanks for your help.

I found a solution!

I just moved the form tags outside of the cell.

I originally had this:

...

...

I changed to this:

...


...

I also removed the class="HiddenField"and styling since it does not appear to be needed.

Thanks again for taking the time. Much appreciated.

Jeff

I was just about to post and say you got it fixed

I do notice tons of tables, and that isn't good. Have you set the marin and padding on the form object to 0?

Darn it!

Spoke too soon. Now the page is not Valid XHTML 1.0 Transitional!

...
Below are the results of checking this document for XML well-formedness and validity.

Error Line 74 column 86: document type does not allow element "form" here; missing one of "th", "td" start-tag.
...pal.com/cgi-bin/webscr" method="post">The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed there and can contain the element mentioned. This might mean that you need a containing element, or possibly that you've forgotten to close a previous element.

One possible cause for this message is that you have attempted to put a block-level element (such as "

" or "") inside an inline element (such as "", "",
...

I guess the form tag cannot be outside of the table's TD tag.

I do have the margin and padding set to 0 for the form object. I re-inserted the styling in the main CSS.

I am a beginner and I just don't know enough to get rid of the tables.

Any suggestions on making the page valid XHTML 1.0 Transitional again?

If I use absolute positioning of the DIV tags, won't that mean those objects will not move with the rest of the page (which is centered) if the window size is changed?

I guess my fix was not a true fix.

Hi

I had deleted the working version I had on my server.

I must admit that when I put forms in table cells (years ago) I had the same problem. I would have to tinker around with the code that you posted, but you have taken the link down!

Have you tried putting a class on the td it is in (assuming it has a fixed height already) and making that overflow hidden?

CT

Hello,

I recreated the page that is linked in the previous post, so the link should work again.

I put a class on the TD (fixed height) and made the overflow hidden. Still not difference.

I don't know what else to try.

What do you think?

From your replies, it sounds like tables are going the way of the DoDo bird. Like I said earlier, I'm just begining and I have no formal training. Is there a book or resource you can recommend that is easy for a beginner to understand when it comes to replacing tables with DIV tags?

Can you repost the link, the one at the thread top still doesn't load for me?

What a dope I am.

It's fixed!

Previously, I followed the instructions in this post:

http://www.csscreator.com/node/20467

Those instructions only add styling to the hidden fields and that seems to have solved this issue for that person. I never thought to add style="margin: 0; padding: 0;" to the opening form tag because it was not mentioned in that post. I tweaked the styling on everything but the opening form tag. I thought your question (from the quote above) was referring to the styling I already added to the hidden form elements since they are the things IE is having a problem with. Now, I know you meant the opening form tag itself.

So here is what I had before:

Now I have this: (actually I have moved the styling to the CSS)










I'm terribly sorry. I still do not fully comprehend the terms, so I did not realize

Hey ho