I use AddThis on most pages on my website for sharing on social networks. Pages that have the AddThis code are very very wide, because of the AddThis code, as seen in the horizontal scroll bar (Please see example below). Removing the code fixes everything and the page width is back to normal. I can't seem to put my finger on the why this happens with the AddThis code. Please help!
Please click on link for example:
http://roshtof.co.il/events.php
This is due to right to left language
This is what make the problem in your code:
-10000px!important
After I remove it the scroll is fix.
Related
I just started developing an extension earlier today and when I checked how it would look within the browser I noticed these white spaces at the top and bottom. I noticed similar but smaller spaces in other chrome extensions I have. I can't seem to find anything online about it. Does anyone know what's going on and how I can fix it?
Here's a picture for reference:
image that shows a picture of extension
The white space at the right side isn't part of the problem it was just the way I captured the picture.
--Question was answered by wOxxOm in comments below.
For some reason I randomly have a horizontal scroll on a website I'm working on. It appears to only be on the home page. I have tried playing with padding and margins on this page and can't seem to fix it. I know I can just use the overflow:hidden css, but I really don't want to have to do this. The site I'm working on is located here:
http://www.wattins.abncomputers.com/.
I would really appreciate any help anyone can give me cuz I think I've just been messing with it for too long and need another set of eyes.
You have a div with .so-image-grid-wrapper with margin, you need to remove that
I have a menu (this is the menu I'm using with a few modifications: http://multi-level-push-menu.make.rs/) that floats over an image that is linked. Whenever a link is click that is in front of the image, both links are activated.
I've tried added a higher z-index to the menu wrapper, but still not working. Thoughts?
Here is a screen cap of the problem:
http://tinypic.com/r/znoeh2/8
I know the obviously answer is to make the image not clickable, which I will change but I'm concerned this could cause problems somewhere else on the site.
I'm trying to get qTip working on my own project, and the qTips do show up, but without styling. I've tried googling and poking around Stackoverflow, but to no avail.
For example, if I look at the qTip demo page, here, I can see the styling. But when I click the jsfiddle button on the top left corner, (which takes me here) the styling is gone.
Anyone know what's going on? It makes it impossible to style my own qTips!
That's because the code is a bit different on those two pages
in the original/styled the it use classes: 'qtip-tipsy qtip-shadow'
while on jsfiddle it use classes: 'ui-tooltip-tipsy ui-tooltip-shadow'
change on the jsfiddle to classes: 'qtip-tipsy qtip-shadow' and its all good...
How can I scroll past the last link in a HTMLComponent? I am using LWUIT 1.5.
Moreover if the link spans over multiple lines, it stops on the first line, so the whole link is not visible.
HTML file for testing: http://bit.ly/uJ8RbN
UPDATE: The issue is here http://java.net/jira/browse/LWUIT-487.
Any workaround tips before the issue gets resolved?
Scrolling past the last link works properly in our test cases although its always possible there is a bug in the HTMLComponent implementation. If you found such a case please file an issue in the lwuit issue tracker in the LWUIT website and include the HTML that triggered the problem. The same probably applies to the long links issue.
A simple solution is to add an empty button to the end of the form, format the button to look like the background, without borders etc. This way after the HtmlComponent there is still a button that doesnt have focus but allows you scroll to the bottom.