PicnicTutorials Posted January 3, 2011 Report Posted January 3, 2011 I need help validly moving this form tag? http://goo.gl/QNxzZ Some day I'll get around to moving this site all over to div/css but for now I'm stuck with this incomprehensible nested table mess. I simply need to move the form so the google search's form and addthis form is not nested inside it. My validation wont correctly work with it so. I just want to move the form tag down below the google search. But I cant seem to make it happen validly. I'm a bit lost in that mess. Whats the simple solution for a trained table eye? Thanks! Quote
Andrea Posted January 3, 2011 Report Posted January 3, 2011 This should be a quick, acceptable fix (I hope): http://www.aandbwebdesign.com/KSforum/tables.html - I just cut all the add/search stuff out and included it into a new div above the table and used the css to move it around. Quote
PicnicTutorials Posted January 4, 2011 Author Report Posted January 4, 2011 Thank you very much Andrea! I was having a hard time getting anybody to touch that mess. I will work on that Tommorrow morning and let you know how I get along. Happy New Years! Quote
PicnicTutorials Posted January 4, 2011 Author Report Posted January 4, 2011 (edited) I was crossing my fingers but it didnt help. Works perfect in everything but IE6/7. IE6/7 are giving the h1 (Contact Us) another 20px of top margin. I cant seem to find out where that is coming from. Unless its eluding me its not coming from css. Looks like its coming from the td something or other. I could of course feed IE a different rule but thats a sloppy last resort type of thing. Thanks! Here is my test page. http://goo.gl/4xHAL PS. At Sitepoint I had this thread going to but there seemed to be no easy fix. Here is what I was told... "With tables and forms either the form needs to wrap around the entire table OR a td within the table needs to wrap around the entire form. Nothing in between is valid." So the only other way (other than what Andrea figured) was to get rid of all the td's and combine it all to one. Then wrap the td around the form. I mine as well recode it all to css if I was to do that. So it seems Andreas fix is the best solution for now. So just IE6/7 to fix... Edited January 4, 2011 by Eric Quote
PicnicTutorials Posted January 4, 2011 Author Report Posted January 4, 2011 Good god! That was way too hard. OK I figured it. And ended up doing it with with out writing one extra css rule. Just nested another table instead. Andrea, if you care to look, here it is finished. http://goo.gl/QNxzZ Thank again Andrea, I would never of figured it with out your direction. I was way to focused on moving the form down. For some reason it never occured to me as an option to move the google stuff up. Quote
Andrea Posted January 4, 2011 Report Posted January 4, 2011 Looks good - and you're welcome. Didn't think there'd be anything left for me to help you out with, you've come a long way and know a heck of a lot more now than I do. Quote
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.