Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4
  1. #1
    New Coder
    Join Date
    Aug 2005
    Posts
    73
    Thanks
    12
    Thanked 0 Times in 0 Posts

    Can't select form fields

    I've found a glitch in my website. I don't know what changed to cause it, and I can't see what's causing it by looking at the code. Literally weeks of work have gone into it, I finally thought it was live and all finished, and now I find this.

    On any of the pages, I am unable to highlight text in internet explorer (6) ...a recent accident that until now I thought was beneficial. What I've just discovered though is that I'm unable to place the cursor in the fields of the contact forms on the site in order to write in them in internet explorer (6) either.

    I am completely stumped. can anybody help?

    The contact page is here
    The CSS is here
    Last edited by rhia; 10-23-2007 at 02:33 AM.

  • #2
    Senior Coder CFMaBiSmAd's Avatar
    Join Date
    Oct 2006
    Location
    Denver, Colorado USA
    Posts
    3,079
    Thanks
    2
    Thanked 320 Times in 312 Posts
    You cannot select the fields in IE7 either.

    The problem is due to the various z-index values. The maincol div that your form is in, has a z-index:-1.

    The HTML markup also contains some errors and there is one css error -
    http://validator.w3.org/check?uri=ht...Inline&group=0
    http://jigsaw.w3.org/css-validator/v...usermedium=all
    If you are learning PHP, developing PHP code, or debugging PHP code, do yourself a favor and check your web server log for errors and/or turn on full PHP error reporting in php.ini or in a .htaccess file to get PHP to help you.

  • Users who have thanked CFMaBiSmAd for this post:

    rhia (10-23-2007)

  • #3
    New Coder
    Join Date
    Aug 2005
    Posts
    73
    Thanks
    12
    Thanked 0 Times in 0 Posts
    It's always the little things that get you! lol Thanks... I've used a sepearate stylesheet for the contact pages (here) changing the z-index of maincol to 2. That seems to have fixed the problem...

    ...except that in opera (and only in opera), it's now producing an unneccessary horizontal scroll bar at the bottom of the contact page which hides half of the footer.

    Is there a way to hide the horizontal scroll for Opera only? (and while I'm at it, I'd better reduce the page width to fit exactly in the viewport for 800*600)

    Thanks for letting me know about those errors too... I'll take a look t those later also. nothing too difficult I hope, because it's great otherwise, apart from that opera scrollbar.

  • #4
    New Coder
    Join Date
    Aug 2005
    Posts
    73
    Thanks
    12
    Thanked 0 Times in 0 Posts
    OK... I've fixed that silly little CSS error, and I've fixed all of my errors on the contact page. Unfortunately though, the remaining errors on the page aren't mine at all... they come from a PHP require_once() aimed at recaptchalib.php ... I'm a little scared of editing the recaptcha library as I'm not really 100% proficient at php syntax. (having just checked, I've reduced the number of errors from the recaptcha include, but they cannot all be fixed.)

    Otherwise, it's just that strange opera only scrollbar problem... why opera is creating a horizontal scroll now that I've corrected the maincol z-index I don't know!

    HTML... here
    CSS... here
    Last edited by rhia; 10-23-2007 at 02:57 PM.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •