smitty62
asked on
CSS dropdown works in everything except iPhone 5
I just heard from 2 users that my css dropdowns aren't working for their iPhone5's. It works great for my android, and when I tested on a pad, but the user also commented that it didn't work right for her iPad2 either. So I have the following questions.
1) I don't own apple products so how can I create a testing environment for these apple products. Doesn't firefox have an addin, or do you know of any really good software I could use for testing and recreating the apple environment?
2) My pages and CSS are W3C compliant, but aren't working with these apple products. Is there a quick fix for this?
3) If there is no quick fix is there some way I can add code so that if the device is an apple phone or iPad it will go to different pages?
4) Do you know the best site or book that will help me get through this?
1) I don't own apple products so how can I create a testing environment for these apple products. Doesn't firefox have an addin, or do you know of any really good software I could use for testing and recreating the apple environment?
2) My pages and CSS are W3C compliant, but aren't working with these apple products. Is there a quick fix for this?
3) If there is no quick fix is there some way I can add code so that if the device is an apple phone or iPad it will go to different pages?
4) Do you know the best site or book that will help me get through this?
This isn't really Apple programming, so you've limited the responses you're going to get. That said, does your web development enviroment offer a device emulator you can test against? I know Visual Studio does...
ASKER
No it doesn't. All I have is dreamweaver. I still write in classic asp and look after the servers. The other programmers are responsible for developing the .net applications. Would it be better if I resubmitted the question under another topic?
Not necessarily, but you might want to "Request Attention" and get a moderator to reclassify the question so you get better responses.
Is this an ASP control, a Dreamweaver control, or a standard HTML control?
Is this an ASP control, a Dreamweaver control, or a standard HTML control?
ASKER
How do I "Request Attention"?
I've done it for you.
ASKER
Thank you very much.
First, you'll need to download the Apple developer tools from their website, which has the iOs simulator. You'll need to register, but it's free (you do not need to sign up to be a developer unless you want to distribute apps in the store)
https://developer.apple.com/xcode/
You can then use the simulator in conjunction with Safari to debug html/js/css, the same way you would do for a regular website in your browser.
Can you post a link to the page in question?
https://developer.apple.com/xcode/
You can then use the simulator in conjunction with Safari to debug html/js/css, the same way you would do for a regular website in your browser.
Can you post a link to the page in question?
ASKER
Okay, that's nice, but I just went to the above link. Guess what? It says "Download x code 4 for free" however there is no download button. I tried the other links displayed, but they just take me around in a circle which eventually put me back to the page that has "Dowload x code 4 free". That's nice that they want me to download it for free however THEY DON'T GIVE A DOWNLOAD BUTTON TO DO IT!!!
Is there another link or free simulator I can use?
Is there another link or free simulator I can use?
ASKER
Found it, but the download is https://developer.apple.com/downloads/index.action. Let me try that and get back with you.
ASKER
The download won't work. It is a .dmg format which windows won't recognize. I work in the windows environment, but need to have the site work on the iPhone.
you have some choices.
You can download a VM:
http://ipodtoucher55.blogspot.com/2010/12/installing-ios-sdk-and-xcode-on-windows.html
or you can use something like browserstack.com to preview your pages in various devices.
You can download a VM:
http://ipodtoucher55.blogspot.com/2010/12/installing-ios-sdk-and-xcode-on-windows.html
or you can use something like browserstack.com to preview your pages in various devices.
You should post a link to the site, so we can look at it in our devices/simulators
ASKER
Thank you! I would appreciate that very much. The site is
http://insurance.illinois.gov
The complaint is that the dropdown menu is not working on the iPhone 5 and the iPad2
http://insurance.illinois.gov
The complaint is that the dropdown menu is not working on the iPhone 5 and the iPad2
step 1:
since you are not loading the dreamweaver script, you need remove this from the body tag:
onload="MM_preloadImages(' images/ipx p/ipxp_oa_ dn.png','i mages/ipxp /ipxp_gene ral_dn.png ')"
It is throwing an error
since you are not loading the dreamweaver script, you need remove this from the body tag:
onload="MM_preloadImages('
It is throwing an error
ASKER
removed.
I'm looking into it. seems kind of odd since it's just css - we'll find it.
If you wrap the text in anchors, it will work on iOS.
example:
<li class="dropdown-li"><a href="#">Companies ¿</a>
example:
<li class="dropdown-li"><a href="#">Companies ¿</a>
ASKER
It is in anchors
<li><a href="#"> Compa nies ¿ </a>
<li><a href="#"> Compa
Did you upload the page? I'm not seeing the anchors.
ASKER
Sorry, I was trying to do four things at once. I was looking at an old copy. Try it now.
I just tried the page on my Ipad 2,the dropdowns work fine. I am running iOS version 6.0.1.
ASKER
Do you have an iPhone 5 that you can use to check it?
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
Thank you, Thank you, Thank you. You did a great job!
ASKER
I've requested that this question be closed as follows:
Accepted answer: 0 points for smitty62's comment #a38778808
for the following reason:
Did a wonder job. Problem solved.
Accepted answer: 0 points for smitty62's comment #a38778808
for the following reason:
Did a wonder job. Problem solved.
No Points??
Ooops, I meant to click the Object button.
ASKER
Yes, you should have gotten points for this.
ASKER
Thank you. If you don't get the points for this please let me know.
cheers.
The fun part is of course that no one can read the tiny text of the dropdown on a phone anyway....
ASKER
Yes, I agree. They have to zoom in, but my supervisor wanted the dropdowns when we redid the sight.
LOL, very true : )