- This topic is empty.
Viewing 6 posts - 1 through 6 (of 6 total)
Viewing 6 posts - 1 through 6 (of 6 total)
- The forum ‘CSS’ is closed to new topics and replies.
The forums ran from 2008-2020 and are now closed and viewable here as an archive.
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
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?
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
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.
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/
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