I am not a coder at all, so I would like to ask for help.
I want to put an embed Google Sheet on my webpage. I am using Webnode to do so.
It's working fine, but when I try scrolling it on my phone (to see the left part of that as well), it does nothing. :( What should I change in the code? Thank you in advance!
The code is here:
I resolved it! Instead of using a fixed width, I used: width="100%". Now I can scroll it on phone as well. :D
Related
I have a problem with my website, for example: https://filmowo.co/odcinki/marvel-cloak-i-dagger-1x1/ when you open the player in fullscreen mode there are site elements under the video. Beware of ads. Here is a screen also:
screen
I was only able to fix the header which has fixed position but with the content section its not working. Can you please take a look? I think its pretty easy but Im not css specialist :)
update:
this is the element that need to be modified, any ideas? https://i.snag.gy/YHy4Ns.jpg
Okay, there was an issue with animate.css plugin which I used to animate a player while loading.
So I have a website with a menu-bar at the top with a sub menu that appears when you hover.
Under the menu, I have a large video playing embedded with the HTML5 <video> tag. However, on safari on ipad, i can not click the links that are hovering above the video, despite me having given them an appropriate z-index.
Can anyone help me out here? :(
edit: here's a jsfiddle: http://jsfiddle.net/7t6c00vn/
The issue seems only to happen on ipad.
The video takes precedence over any other material. Check Putting Video on Canvas on developer.apple.com.
So far as I can see the only solution seems to be to hide the video. Check
A Solution for Overlaid Elements on Video
I would also love to know if there is any other / better solution to this because I'm also in the process of building something using HTML5 and video that needs interaction.
It turns out that it's a sort-of-bug that was fixed with an update for the system. I don't think this problem has a definite answer yet, but I will choose FrankHe's answer as it actually provides some real suggestions and material for the problem.
But yea, things seem to work after the iOS update, so to any end users experiencing overlay problems with Video elements, update your systems! :)
Unfortunately, this also means I no longer have an un-updated device to test on.
It's about this page http://chios-grill.de/anfahrt.html
In Safari and sometimes in Google Chrome the right text box just falls below the whole pages like this: http://imgur.com/Ekeg8el
It works nicely while offline but not while the page is online. Could it have to do something with the Google Maps embed?
If you need the code, tell me. Otherwise you can just use Google Chromes Developer Tool to look into it I guess.
I think this is width problem, because I have updated the width for the div id='textbox' and it's gone down, try to give a little width just to make sure that is compatible for all the browsers.
This will fix this problem. Try it!
Per this blog post here (http://www.david-lewis.com/css/css-that-can-affect-performance-on-ipad-web-apps-or-phonegap/), there is a bug in iOS 5 that I have no idea on how to get around.
Essentially like the title says, if you have a section of your site that is scrolls (I'm using the new -webkit-overflow-scrolling), and if there is an iframe out of the viewport, it will not load it.
The blog post linked above says the following:
iFrames
What is it: Using iFrames in overflow:scroll elements to show things
like videos or maps What’s the symptom: If you have an iframe that is
outside of the viewport in an overflow: scroll element (especially
when using -webkit-overflow-scrolling: touch) then it will not render
as you scroll to itWhat’s the cure: no idea, please send me the
answer
Does anyone know how to fix this? I've been looking all over the web for a cure, but it is no luck. It seems to be that if you click on the iframe, it will show it after the click.
This in my mind is a huge issue for people developing web-apps. Does anyone know of a fix?
Well, I hate leaving this as an official "answer", but as of time of posting, there is no fix...
I'd assume if you'd use JavaScript to extract the HTML from the iframe, put the code in the same spot, and somehow get the CSS to work with it too, it would work. But darn, that would be too much work to do on such a slow device like an iPhone.
I have a facebook like-box on my site, and i want to style the scroll bar that appears in the iframe. But i cant seen to find a way to do it. Anyone knows how its possible, or if it even ARE possible.
Thanks in advance
plz go through this link http://rocketpopmedia.com/discover/2010/06/02/how-to-style-the-facebook-like-box-using-css/
I hope this is actually what you want
EDIT:
the question is already discussed in stckoverflow you can check this out Can you style an iframe scrollbar without access to the iframe's css?
You can use this technique to style the scrollbar, however it only works in WebKit browsers (Chrome & Safari)
You can always simulate some scroll control with css.