Whenever my link is opened the webpage is apparently bigger than my setting (810 px in width) so when it's opened it starts scrolling in both ways. How can i stop this?
(This is for a HTML tab on Facebook with clickable 'pictures'.
and
So whenever the link is clicked and replaced the site it's bigger and it overfloats. How can i fix this?
https://www.facebook.com/pages/Testside2/649904311740074?id=649904311740074&sk=app_208195102528120
Related
On our webpage some links can not be opened anymore. When hovered, the correct URL is shown in the little preview box in the bottom left corner. But when clicking the hyperlink, nothing happens. Strangely it works on mobile view.
Only the hyperlinks with the link text "Weiterlesen >>" seem to not work.
Any suggestions?
Link to the page
Link to answer - How to fix problem with clicking event on bxSlider item in Chrome 73?
There is a bug with bxSlider in chrome. You should set touchEnabled: false in order to use clickable links without your slider.
On horizontal resize my webpage becomes bugged, in particular at the breakpoint of 993px. 993px is defined in fullpagejs as the responsiveWidth:
responsiveWidth: '993'
Resizing on the first page of the website won't cause the bug, however resizing past the breakpoint(993px) on any other page causes the top pages to dissappear from the browser window.
Reloading the page will fix the bug, so I could reload the page every time the window is resized past the breakpoint(993px). However, I'm wondering if there's a better solution.
I am not sure if it's allowed but here is the link to my webpage so you can see for yourself:
http://forgetthe.fish/
In addition to fullpagejs I'm using bootstrap for the lay-out.
I have popup on our website which works perfectly on website, but when I open same website on MAC, the menu specially come on top of the popup image.
I tried to add much z-index
Site
Dekastore.com
password - beta05
When website is opened, it show an video, and then it will move to website. where it shows two popup where i am having issue.
In your html, your #nav class has a z-index of 9999, set it lower than your pop-up z-index.
I am having issues with overlaying divs with transparency and being able to click on both layers in Chrome (but not IE).
In my search for answers I found the following example to illustrate:
http://www.searchlawrence.com/click-through-a-div-to-underlying-elements.html
The source for that page is commented to explain about transparency.
If I view this page in IE I can highlight (ie interact) both the text in the box("Here is a div with...") AND the text at the top ("This DIV is overlayed on..."). However, when I open the same page in Chrome, I cannot select the text at the top.
This highlights the issue I am having in using iframes which contains links, but I also want the page containing the iframe to also allow links to be clicked. The transparanecy works in Chrome in as much as I can see both sets of links, but can only click those on the top layer (ie the iframe). The top iframe allows me to see what is behind but not interact with it.
I know about pointer-events:none however, that then stops the links on the iframe. I can basically get it working on the background html OR the overlying iframe but not both!
Hope this all makes sense and thanks in advance.
It seems that the solution specifically for chrome is using the css:
div#parent, div#parent div {pointer-events:none;}
meaning Div, and all children div as well should enable clicking through.
I found the solution here:
Click through transparency in Chrome
I'm experiencing this weird problem which my scrollbar jumps by itself to somewhere that I don't want it to.
I have a table with scrollbar inside this page, if the user have a smaller screen, the page automatically adds a scrollbar. If I scroll down to the bottom of the table and click on it, the scrollbar of the page jumps up so I can no longer see the thing I clicked. Any ideas?
Thanks.
There are a number of things that can be causing this.
You clicked on a hyperlink with a href of "#", which will cause most browsers to scroll to the top of the page,
There's possibly a CSS :focus or :active rule somewhere being triggered that causes the height of the page to change
There's a javascript onclick event firing and changing the page
...or possibly something else entirely.
Have you tried in different browsers? It could be a bug in the browser itself.
Are you sure the object causing the problem is not an <a href='#'><div onclick='yourJavaScriptFunction()'>...</div></a> or something similar?
Perhaps you have a meta refresh tag
<meta http-equiv="refresh" content="600">
I have seen these cause similar issues on safari, post a link to the page and you will find getting a solution much easier.
My scrollbar jumps when I hit Page Up or Page Down. Also, my laptop trackpad can cause odd mouse behavior if I bounce my thumb against it.
And when I poured a large Latte into my keyboard, I had problems, then. But then the whole computer stopped working about an hour later.