13 replies [Last post]
jeffshead
jeffshead's picture
Offline
newbie
Last seen: 15 years 44 weeks ago
Timezone: GMT-5
Joined: 2007-03-17
Posts: 8
Points: 0

mod edit/split from here/tph

I tired adding float:left to the css, but it only shifted the visible portion of the input form to the left and the space is still there at the bottom.

Anyone have any ideas? This is for a PayPal view cart button/link.

If you go here:

http://www.majetra.com/cornholeArea/23486589.php

You will notice there is space between the title bar (blue area with cart image) and the content area. If you view the page with FF, there is no space.

Anyone have any ideas?

jeffshead
jeffshead's picture
Offline
newbie
Last seen: 15 years 44 weeks ago
Timezone: GMT-5
Joined: 2007-03-17
Posts: 8
Points: 0

Hidden Input Tags and IE cont...

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

ClevaTreva
ClevaTreva's picture
Offline
Guru
A hilly place, UK
Last seen: 4 years 12 weeks ago
A hilly place, UK
Joined: 2004-02-05
Posts: 2902
Points: 0

Hi As I answered the first

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.

jeffshead
jeffshead's picture
Offline
newbie
Last seen: 15 years 44 weeks ago
Timezone: GMT-5
Joined: 2007-03-17
Posts: 8
Points: 0

White space from hidden inputs

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;
}








email_list













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 |







Cornhole Boards & Plans
















Official Member of the ACA (American Cornhole Association)



CORNHOLE GAME BOARDS








Customer Feedback




"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














   cant find it on our website...










Google


Enter your search terms




Submit search form


















Portable Boards


Portable Boards Locked


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.







$185.00 (as pictured)

S&H: $35.00




















$150.00 (plain white)

S&H: $35.00




















 


NEW! CORNHOLE GAMEBOARD PLANS




Plans
Foldable Boards
Non-foldable Boards




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.






$7.50

S&H: no charge





















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
















CreditCardIcons





Site map  |  Feedback
Feedback  |  Contact Us





Copyright © 2005-2007 Majetra.com. All rights reserved.  Terms of Use  |  Privacy Policy

Valid XHTML 1.0 Transitional 
Valid CSS!






Here is what it looks like when using FireFox:

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

Thanks again,

Jeff

ClevaTreva
ClevaTreva's picture
Offline
Guru
A hilly place, UK
Last seen: 4 years 12 weeks ago
A hilly place, UK
Joined: 2004-02-05
Posts: 2902
Points: 0

Hi The attached image links

Hi

The attached image links don't work.

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

jeffshead
jeffshead's picture
Offline
newbie
Last seen: 15 years 44 weeks ago
Timezone: GMT-5
Joined: 2007-03-17
Posts: 8
Points: 0

White space from hidden inputs

That's odd...

I can see the pics from here.

I have attached them though.

AttachmentSize
IE7.jpg 54.28 KB
firefox.jpg 47 KB
jeffshead
jeffshead's picture
Offline
newbie
Last seen: 15 years 44 weeks ago
Timezone: GMT-5
Joined: 2007-03-17
Posts: 8
Points: 0

Cleva Treva, Thanks for

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

ClevaTreva
ClevaTreva's picture
Offline
Guru
A hilly place, UK
Last seen: 4 years 12 weeks ago
A hilly place, UK
Joined: 2004-02-05
Posts: 2902
Points: 0

I was just about to post and

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

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

jeffshead
jeffshead's picture
Offline
newbie
Last seen: 15 years 44 weeks ago
Timezone: GMT-5
Joined: 2007-03-17
Posts: 8
Points: 0

Spoke too soon

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.

ClevaTreva
ClevaTreva's picture
Offline
Guru
A hilly place, UK
Last seen: 4 years 12 weeks ago
A hilly place, UK
Joined: 2004-02-05
Posts: 2902
Points: 0

Hi I had deleted the

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

jeffshead
jeffshead's picture
Offline
newbie
Last seen: 15 years 44 weeks ago
Timezone: GMT-5
Joined: 2007-03-17
Posts: 8
Points: 0

Same thing

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?

ClevaTreva
ClevaTreva's picture
Offline
Guru
A hilly place, UK
Last seen: 4 years 12 weeks ago
A hilly place, UK
Joined: 2004-02-05
Posts: 2902
Points: 0

Can you repost the link, the

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

jeffshead
jeffshead's picture
Offline
newbie
Last seen: 15 years 44 weeks ago
Timezone: GMT-5
Joined: 2007-03-17
Posts: 8
Points: 0

What a dummy

ClevaTreva wrote:
Have you set the marin and padding on the form object to 0?

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

ClevaTreva
ClevaTreva's picture
Offline
Guru
A hilly place, UK
Last seen: 4 years 12 weeks ago
A hilly place, UK
Joined: 2004-02-05
Posts: 2902
Points: 0

Hey ho

Hey ho Smile