search

jquery-archive / jquery-mobile

jQuery Mobile Framework
https://jquerymobile.com
Other
9.7k stars 2.41k forks source link

icons not displayed correctly #1050

Closed alumni closed 13 years ago

alumni commented 13 years ago

in Firefox 4.0b11 on Windows and Safari on iOS 4: the icons are not cut from the image (icons-18-white.png) as they should be; instead a chunk of that image is taken from somewhere to the left of the intended region. Works with Chrome 10 / Opera 11.

ghost commented 13 years ago

I also have this issue, its very anoying because I had to change the icons on everything that didn't showed them via css and replace them with another icons.

It would be nice if this gets solved. I'm testing on an iPhone 4 on iOS 4.2.1 and an iPhone 3g on the same os.

mariozaizar commented 13 years ago

Same problem here. I just updated my jquery to 1.5, jquery-mobile to 1.3a including the css, and images from github, and now it works with firefox 4. But iOS is still broken.

For me, the problem is the Valencia theme, the default theme shows the icons without problems. Cheers!

alumni commented 13 years ago

the issue is in jquery 1.5 + jquery mobile 1.0a3. this was not happening in the previous version

toddparker commented 13 years ago

Just confirming that you're not seeing the icons on this page in iOS? http://jquerymobile.com/demos/1.0a3/docs/buttons/buttons-icons.html

It looks fine on our iPad and iPhone 4 and 3GS.

ghost commented 13 years ago

indeed works on the page that you posted, but on a server environment using .net (in my case) doesn't, but it does work when i use phonegap to embedded the library and images to an iphone native app

toddparker commented 13 years ago

I can't think of any reason why the server would make a difference. We are dynamically re-writing the base ref as we ajax in pages so maybe something is up with that? Are you re-naming or moving assets from the structure we have on our demo pages?

This doesn't seem like a JQM issue but more of a server/directory path setup issue so I'm thinking this should be closed.

ghost commented 13 years ago

yes i did i changed the directory to another structure, but in fact i see the icon strip?, the one with all of the icons showing up, the thing with my error is that the icon shown is not the one that should show, and even if i change the class it does not change, i came with a fix changing the offset that is displayed but only worked on the computer. i don't think its a directory path setup, as i managed to show another icons in the same path.

toddparker commented 13 years ago

If you you look in themes/theme.css, there is a place where the path and filename for the icon bg image is set for normal and hd -- did you update that when you changed dir structures?

mariozaizar commented 13 years ago

For me, it was fixed using the css, images from github version. Not from the jquery mobile page. Now it's fixed.

ghost commented 13 years ago

yes, every place that had images/*, there is another file aside jquery.mobile-1.0a3.min.css ?, thats the one i modified, you can download it here http://www.mediafire.com/?mavy9jhm32xusey

thanks for the answer

ghost commented 13 years ago

@mariozaizar can you tell me how to get that version or can you upload it please?, thanks in advance

mariozaizar commented 13 years ago

Israel Valdez, here: https://github.com/jquery/jquery-mobile/tree/master/themes You should download the files from there. Saludos