Results 1 to 5 of 5

Thread: Text Input will not take text

  1. #1
    Join Date
    Nov 2009
    Posts
    107
    Thanks
    7
    Thanked 2 Times in 2 Posts

    Default Text Input will not take text

    Hi

    I am not sure why the top left add to email list input stopped taking text all of a sudden. Nothing changed that I can tell. Anyone know a fix for inputs not taking text.

    The example is found here top left corner: derutaimports.com/

    The weird part is that it works in IE but not Opera, Chrome, or Firefox.... Any ideas would be appreciated.
    Last edited by jscheuer1; 04-05-2013 at 04:51 PM. Reason: Format

  2. #2
    Join Date
    Nov 2009
    Posts
    107
    Thanks
    7
    Thanked 2 Times in 2 Posts

    Default

    Looking at the Internet a bit this seems to most commonly be related to a Javascript clash. I am using lightbox on this page, also I think the previous developer has some javascript in it as well. Hoping this is an error someone has seen before.

  3. #3
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    29,165
    Thanks
    44
    Thanked 3,239 Times in 3,200 Posts
    Blog Entries
    12

    Default

    Here I believe it's CSS. It's not a problem in IE. But in Chrome and Opera (probably Firefox as well) you cannot type text in it, as it's not on top of the stack of elements in that region of the page. It falls behind/under the <div class="emailbut"> element. To fix that, add the red to its inline style:

    Code:
    <input type="text" name="ea" size="20" value="" style="position:relative;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; font-size:10px; border:1px solid #999999; margin-left:-75px !important; margin-top:1px;">
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  4. The Following User Says Thank You to jscheuer1 For This Useful Post:

    itivae (04-05-2013)

  5. #4
    Join Date
    Nov 2009
    Posts
    107
    Thanks
    7
    Thanked 2 Times in 2 Posts

    Default

    Thanks a lot jscheuer1 you hit the nail on the head. Is there any reason that this would have started all of a sudden? It worked great for nearly a year. Then all of a sudden it stopped....

  6. #5
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    29,165
    Thanks
    44
    Thanked 3,239 Times in 3,200 Posts
    Blog Entries
    12

    Default

    There are a couple of reasons I can think of, there could be others:

    1) The positioning of the <div class="emailbut"> element was recently made absolute, perhaps before it was not. Other elements without position set cannot be "seen through" by the mouse on this type of element in most browsers.

    2) You had only previously checked in IE, which can "see through" the <div class="emailbut"> element with the mouse even when it is position absolute as long as it has no background.

    Or a combination. 1) was done at some point and then not checked in non-IE until recently.

    Like I say though, it could be something else that happened. Those are the likeliest scenarios I can imagine.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

Similar Threads

  1. Replies: 2
    Last Post: 04-24-2012, 06:01 PM
  2. Replies: 5
    Last Post: 05-24-2011, 05:20 AM
  3. How to carry td value to input text?
    By writeman in forum JavaScript
    Replies: 5
    Last Post: 03-20-2007, 05:51 AM
  4. CSS 3 input text styling
    By clarkekent in forum CSS
    Replies: 7
    Last Post: 09-11-2006, 05:15 AM
  5. predictive text in input text form
    By surboomer in forum PHP
    Replies: 0
    Last Post: 11-20-2005, 08:59 PM

Bookmarks

Posting Permissions

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