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?
smitty62Asked:
Who is Participating?
 
Kyle HamiltonConnect With a Mentor Data ScientistCommented:
That did the trick. It is working.
0
 
Paul MacDonaldDirector, Information SystemsCommented:
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...
0
 
smitty62Author Commented:
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?
0
Free Tool: Path Explorer

An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

 
Paul MacDonaldDirector, Information SystemsCommented:
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?
0
 
smitty62Author Commented:
How do I "Request Attention"?
0
 
Paul MacDonaldDirector, Information SystemsCommented:
I've done it for you.
0
 
smitty62Author Commented:
Thank you very much.
0
 
Kyle HamiltonData ScientistCommented:
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?
0
 
smitty62Author Commented:
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?
0
 
smitty62Author Commented:
Found it, but the download is https://developer.apple.com/downloads/index.action.  Let me try that and get back with you.
0
 
smitty62Author Commented:
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.
0
 
Kyle HamiltonData ScientistCommented:
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.
0
 
Kyle HamiltonData ScientistCommented:
You should post a link to the site, so we can look at it in our devices/simulators
0
 
smitty62Author Commented:
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
0
 
Kyle HamiltonData ScientistCommented:
step 1:

since you are not loading the dreamweaver script, you need remove this from the body tag:

onload="MM_preloadImages('images/ipxp/ipxp_oa_dn.png','images/ipxp/ipxp_general_dn.png')"

It is throwing an error
0
 
smitty62Author Commented:
removed.
0
 
Kyle HamiltonData ScientistCommented:
I'm looking into it. seems kind of odd since it's just css - we'll find it.
0
 
Kyle HamiltonData ScientistCommented:
If you wrap the text in anchors, it will work on iOS.

example:

<li class="dropdown-li"><a href="#">Companies ¿</a>
0
 
smitty62Author Commented:
It is in anchors

<li><a href="#">&nbsp;&nbsp;Companies ¿ </a>
0
 
Kyle HamiltonData ScientistCommented:
Did you upload the page? I'm not seeing the anchors.
0
 
smitty62Author Commented:
Sorry, I was trying to do four things at once.  I was looking at an old copy.  Try it now.
0
 
nanharbisonCommented:
I just tried the page on my Ipad 2,the dropdowns work fine. I am running iOS version 6.0.1.
0
 
smitty62Author Commented:
Do you have an iPhone 5 that you can use to check it?
0
 
smitty62Author Commented:
Thank you, Thank you, Thank you.  You did a great job!
0
 
smitty62Author Commented:
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.
0
 
Kyle HamiltonData ScientistCommented:
No Points??
0
 
Kyle HamiltonData ScientistCommented:
Ooops, I meant to click the Object button.
0
 
smitty62Author Commented:
Yes, you should have gotten points for this.
0
 
smitty62Author Commented:
Thank you.  If you don't get the points for this please let me know.
0
 
Kyle HamiltonData ScientistCommented:
cheers.
0
 
Michel PlungjanIT ExpertCommented:
The fun part is of course that no one can read the tiny text of the dropdown on a phone anyway....
0
 
smitty62Author Commented:
Yes, I agree.  They have to zoom in, but my supervisor wanted the dropdowns when we redid the sight.
0
 
Kyle HamiltonData ScientistCommented:
LOL, very true : )
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.