Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Can't click into input form fields

  • This topic is empty.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #194900
    Russell
    Participant

    Hello:

    I’m trying to diagnose a problem with some <input> fields when viewing this webpage on an iPhone (iOS 8) or a small window (like Chrome on a desktop when the browser window is made small):

    http://testing003.compoundeyedesign.com/login-2.html

    The input fields appear but don’t allow me to click in and insert text. I’ve found a similar post here:

    http://stackoverflow.com/questions/28278435/cant-click-input-field-on-ios

    … but that solution didn’t seem to help me.

    Any ideas?

    Kind regards, Russell

    #194901
    Paulie_D
    Member

    You have a div right after this comment

    <!-- Richard, change 1 START -->
    

    which is sitting at a higher z-index on top of your form…at lower widths.

    It holds logos and stuff.

    Did you forget to clear a float or something?

    #194914
    Russell
    Participant

    Hey Paulie_D:

    Once again you save my bacon. How do you even diagnose something like that? It’s mostly invisible.

    But you were right: it was that white logo box causing conflicts. Got it sorted out.

    Thanks! R

    #194916
    Paulie_D
    Member

    Use the ‘inspect element’ function in your browser’s developer tools. If right click on an element and if the one selected in the HTML is the one you thought you selected that’s your first indication.

    #194917
    shaneisme
    Participant

    Get to know devtools in your browser of choice.

    I haven’t gone through this, but it looks very comprehensive: http://discover-devtools.codeschool.com/

    #194918
    Russell
    Participant

    Thanks both of you. I do know my developer tools in Chrome, but I just wasn’t picking up on that rogue div when I had the issue. I guess I just overlooked it. Thanks anyhow.

    R

Viewing 6 posts - 1 through 6 (of 6 total)
  • The forum ‘CSS’ is closed to new topics and replies.