Jump to content


Photo

I need help validly moving this form tag?


  • Please log in to reply
5 replies to this topic

#1 PicnicTutorials

PicnicTutorials

    Eric

  • Advanced Member
  • PipPipPipPip
  • 2,431 posts
  • LocationCarlsbad, CA

Posted 03 January 2011 - 02:34 PM

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!
  • 0

#2 Andrea

Andrea

    Advanced Member

  • Moderators
  • 5,719 posts
  • Facebook:https://www.facebook.com/aandbwebdesignAB
  • LocationSan Antonio, TX

Posted 03 January 2011 - 06:41 PM

This should be a quick, acceptable fix (I hope): http://www.aandbwebd...rum/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.
  • 0

#3 PicnicTutorials

PicnicTutorials

    Eric

  • Advanced Member
  • PipPipPipPip
  • 2,431 posts
  • LocationCarlsbad, CA

Posted 03 January 2011 - 07:48 PM

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!
  • 0

#4 PicnicTutorials

PicnicTutorials

    Eric

  • Advanced Member
  • PipPipPipPip
  • 2,431 posts
  • LocationCarlsbad, CA

Posted 04 January 2011 - 09:05 AM

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 by Eric, 04 January 2011 - 09:16 AM.

  • 0

#5 PicnicTutorials

PicnicTutorials

    Eric

  • Advanced Member
  • PipPipPipPip
  • 2,431 posts
  • LocationCarlsbad, CA

Posted 04 January 2011 - 04:59 PM

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.
  • 0

#6 Andrea

Andrea

    Advanced Member

  • Moderators
  • 5,719 posts
  • Facebook:https://www.facebook.com/aandbwebdesignAB
  • LocationSan Antonio, TX

Posted 04 January 2011 - 06:25 PM

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.
  • 0




0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users