Images doesnt load on website (on iPad) [closed] - html

Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 8 years ago.
Improve this question
Im creating website with paralax effect. Today I heard that images just are not displayed on iPod ?!
I cant check that, because I dont have access to iPod. Can someone tell my why main pictures dont appear in iPod?
Website: http://www.badzlepszy.pl/Nebiolo2/

The images you are using are multiple images of 2000x1200px in size. There is a limit for the maximum amount of pixels allowed in an image. You can visit this website to see which devices should be capable of displaying your images.
The iOS resource limits are described on the Apple website at the heading "Know iOS Resource Limits".
Using these large images on a iPod could cause the problem of not displaying the image.

I tried it on my ipod an can confirm that it looks odd. some of the images are shown though.
You have some errors in your html. Try to fix them first e.g.
<div id="sitelanguage"> outside of body tag
<div class="pasek_suwakow" style="top: 345px;> <-- " missing after 345px
</br></br>
see http://validator.w3.org/check?uri=http%3A%2F%2Fwww.badzlepszy.pl%2FNebiolo2%2F&charset=%28detect+automatically%29&doctype=Inline&group=0

Related

WatchOS: Panning and zooming image [closed]

Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 3 years ago.
Improve this question
In my little watch app (targeting watchOS3+) I need to show an image which will be fetched from a server (it is not big, let's say 600x600).
The image will be displayed alone in a modal page (only the Close button is on the top left corner)
Similar with the Photos app, I would like to be able to offer the user the possibility to pan and zoom the image.
Zooming will be done by using the Digital Crown (the events are wired up already).
Any idea how to deal with panning and zooming? Did anyone implement something like this already?
Thank you in advance!
I have solved the problem by implementing a small trick (see attached image).
Basically the zooming (Digital Crown) happens "in background" on a cached UIImage and a viewport (sized exactly as the display size) crops an area from the UIImage and shows it via the WKInterfaceImage.
Panning is done by simply moving the viewport around, following the TapGestureRecognizer data.
I think I will encapsulate this in a custom control and put it on GitHub.

Page formatting messing up on different resolutions and footer not working in general [closed]

Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 8 years ago.
Improve this question
I'm new to HTML and CSS and I don't know any other web languages. 2 Questions:
When my website (zarwanhashem.com) is accessed using a different resolution than the one it was made on the header area at the top isn't filling up the page and the text is going beyond it as well. I didn't have this issue at first. Why is it messing up? Also, I'm not sure if you can see my CSS from inspect element.
The footer I created isn't showing up. It was working fine last night and I honestly have no clue what changed that made it stop working now. It isn't showing up.
Let me know if you need any other details. Thanks for the help.
your footer is inside a misclosed comment <!--footer-> instead of <!--footer-->

How do you deal with different screen/browser sizes? [closed]

Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 8 years ago.
Improve this question
I'm creating a website for myself (portfolio to be precise) and I have some images that I want to put in the website.
I was coding on my laptop (15") and previewing the website there all the time. I then uploaded it to a server and opened it on my home pc (23" screen), first thing I noticed was that all the images are way too small for this kind of screen.
Images looked perfectly fine and occupied about 60% of the screen height on my laptop while they hardly occupy 40% of my 23" screen.
How do you website designers deal with this kind of stuff?
Responsive web design along with media queries is the way to go.
http://www.hongkiat.com/blog/responsive-web-tutorials/

I'm having some problems with a few images not loading but the rest are [closed]

Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 9 years ago.
Improve this question
I am working on a site and I am designing a landing page where you click on pictures and it will take you to a product page.
I have just hit a problem that I was asked to put a slider into the page above everything, I haven't yet started that and thought that i would upload the site for now to a test server to make sure everything is running OK.
Most of the page is but there are three images on one section (3/6) that just will not load. I've looked over the coding and cant seem to find any mistakes with the code.
You must provide some of your code referring to the images, then only someone can help you. Anyway there can be an issue that you were not providing the correct path for the image. Also, sometimes it happens issue with writing the format of the image in caps or small letter. It make work with image.gif but not with image.GIF for example. So, look into image property also and find the correct format.

how to add a picture on the back of an html body and in the back of a list using jQuery mobile [closed]

Closed. This question is opinion-based. It is not currently accepting answers.
Want to improve this question? Update the question so it can be answered with facts and citations by editing this post.
Closed 8 years ago.
Improve this question
i am starting to learn client web programing using phonegap and jquery mobile and while reading some toturials i searched for a way to add a pic to the back of a list but didnt find one.
also while adding a pic to the top of a page i got a problem in the page scaling, what i did was adding a img html tag with the align center... and it is working but when viewing on the smart phone the picture does not scale to screen size...is there a simple way to make it do so?
i am sorry if my questions may be trivial but i just started and i am doing a class project...
thanks!
moshe bn
That's what the CSS background property is for.
ul {
background: url(images/image.jpg) 0 0 no-repeat;
}
for images I would recommend against scaling them because there are so many different screen sizes. You probably don't want your image to end up looking pixelated and weird.
Have you used #media queries before? This is a good article and you might find that it is better to have a few different sized versions of your image that you can show depending on the amount of space your user's device screen allows.