Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 8 years ago.
Improve this question
I am working on a jQuery slider for a web page. Everything looks great in IE, but in Chrome and Firefox, there is some kind of weird padding issue going on above and below the slider.
EDITED: See my solution in the answers.
Never, ever use IE as a reference for how things should work. Always, always use any other browser first. THEN look to see how IE screws things up.
Your doctype is incorrect for the modern web and puts IE, and other browsers, into "quirks mode" where you never want to be. Then you marked up your page with that browser, assuming IE, that's pretending it's 1998 all over again. Change your doctype to this one <!DOCTYPE html> and use Firefox or Chrome to correct your markup cause, then, even IE will look different. Yes, it might only mean making adjustments or, possibly, starting all over again.
This is not including your 13 HTML validation errors and 14 CSS errors.
Woot! I figured it out. There was a "display: table" line in the CSS that was jacking it up. Removed that, and it works fine now.
Related
Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 6 years ago.
Improve this question
My website is not mobile friendly. The problem is with the main banner and menu. The main banner is not coming properly in mobile devices. Remaining things are coming fine. Kindly give me the solution to this problem. Below is my site link.
http://www.unicomlearning.com/2016/NFT_Con/
People will get frustrated at you if you ask a question without giving specific prior results from what you've tried and the actual code you think might be the problem. That being said from what you said I can try to help you. So the most obvious thing for responsive design is using pixels for measurements is usually going to be a no go. If the header is the problem you should probably make sure all of your width is based in percentages instead of pixels. Also make sure your media queries actually work. Best of luck! Keep in mind for the future people are pretty wary of visiting strange websites and also nobody wants to help when you just give us your project and tell us you need it fixed! Best of luck however!
Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 8 years ago.
Improve this question
i am just wondering my web application has a dragging chart and i just noticed that when i tried to run it in mozila browser the drawing is slower compared to other major browser. my question is what is the cause of this? is there a technique to make it faster? my drawing is like this in canvas
CanvasContext.beginPath();
CanvasContext.moveTo(0,0);
CanvasContext.lineTo(500,500);
CanvasContext.stroke();
something like that. and it is really slower as in really slow in mozila.
Anyone know why??
like I said in the comment, firefox is slower,
the jsperf test results:
firefox: 25,003 ops/sec
chrome: 168,670 ops/sec
to see that visually, you can see this beautiful link.
apparanty, it is already posted as bug in bugzilla.
Edit seems like they have fixed the issue in latest Firefox(v45).
Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 8 years ago.
Improve this question
There's this really cool effect I'd like to recreate, however I don't understand how the developer is achieving it. I've looked at the source - but I still don't quite understand.
The site is: http://drewwilson.com and below will be a couple of screenshots of what is happening.
When I click on the ellipsis on the header, a little about element pops up and the actual site 'zooms' backwards, leaving whitespace around it's border and greys out.
I can't see any javascript or jQuery doing it, so i'm assuming it's css?! - Although I might have missed something totally - so any help is appreciated :)
Inactivated
Activated
I think the whole page is wrapped in a div which have a 100% height and 100% width. So you have a control over everything inside that element.
You can achieve that by using css3 transform: scale(value); and of course jQuery
see samples here
Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 8 years ago.
Improve this question
I used mozila and I try to "inspect element" to see if my background image is there. The inspect element even doesn't show the css style mark up like background-image: blah blah; at all.
I am very sure that I have written the code correctly:
background-image: url ('social-icon/button.png');
Some discussion out there said that it may be caused of "javascript" and adviced to disable the javascript, but I don't know how to do that. Eventhough it is true that the problem is the javascript and it means that I can't use Javascript in my html file, it will be worse.
I am just confused?
EDITED :p
LOL, THE PROBLEM IS BECAUSE I HAVE A SPACE BETWEEN URL AND THE SOURCE. IT SHOULD BE LIKE
url{there is no space here}('social-icon/button.png');
It's so funny how we all can't see a little problem when our focus is to the another point of the question. :D :D :D
Is your css file correctly linked in the .html? I understand it as you have your img as a background-image in css?
<link rel="stylesheet" href="yourCss.css">
It's a long shot, but try with removing the image part,
background: url('social-icon/button.png');
try this (copy-paste this code)
background-image: url(../social-icon/button.png);
Tell the results!
Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 7 years ago.
Improve this question
I have a problem with this animation in jquery, it seems to be jerky with all browser.
This is the link:
HERE
You have to click to "Fotovoltaico" and "Fotovoltaico a concentrazione" for see the animation problem.
It's your margin-top rule, i guarantee it, i've had this before. Add easing to avoid the jerkiness
As I first suggested below, I have confirmed it is your jquery version...
http://jsfiddle.net/4EKk8/1/
I can prove it by using the above jsfiddle that is just a copy/paste your actual code on the example site.
Simply switching the jsfiddle to use jQuery 1.5.1 from 1.2.6 (your version) fixes the issue.
So... As I said at first.
First of all you are using jQuery 1.2.6, I would recommend using an updated version.
I had some jerky animations -- my problem was that I had a min-height on the element in the CSS -- removing that fixed it.
This animations are dependent on the performance of your browser/computer; also how many elements and how much redrawing is required on our page when things are moved around.
Unfortunately there isn't a lot you can do apart from reduce the amount of elements/js on the page.
If it's any consolation, I've been running FF all day and it worked fine for me.