What is the reason for my text go under footer? - html

I have this site
link
As you can see in the picture below ... go under footer text and not seen.
I tried to inspect the code to figure out where the problem but unfortunately I have not found ...
You can help me solve this problem please?
Thanks in advance!

I'm pretty sure this is not a css problem.
The reason I think this is the case is because some times the page loads and the page behaves fine. This inconsistent behavior can be caused because your javascript is not being told to execute only after all the DOM elements are being created.
make sure your javascript is being called in the footer of your site, or use document.ready(function(){}); to make sure your javascript is being executed after all the elements it is changing load. Otherwise the javascript will not find the right handles since they do not exist yet.
Check this resource for how to properly use javascript:
https://learn.jquery.com/using-jquery-core/document-ready/

Related

Strange HTML and CSS behavior

One of my clients has been encountering this issue when she goes onto the app. I was wondering if anyone had any idea how to get it to show normally? Im not sure if this is a code issue or her computer.
Everything is getting bunched together
Edit: I did not provide the code because it is very lengthy and I feel like there could be another answer that isn't linked to my code since it is only happening to that computer.
There really isn't a lot to go off of this. It could be as simple as changing the width of the input tag which would take almost no time to fix. If you're using bootstrap or some other framework maybe a class name is messed up somewhere in the html. It would be a lot easier to pinpoint what exactly the problem is if there were code to go along with it. Also there could be no problem with the code and could just simply be her machine, but there is still no way to figure that out without looking over it.

Bootstrap - Automatically scrolls down the page (Unwanted)

This never used to happen on my site, I haven't knowingly adjusted anything in the index which could cause the issue. But with the regular web address it automatically scrolls down the page. However if I type www.domain.uk/# it works as intended.
Any ideas? Sorry for the noobie question :D
This is likely happening because you're modifying a Bootstrap template. Some templates have scrolling features that tend to be useless once you do any kind of customizing. I would go through the templates' Javascripts and look for anything that's related to scrolling, and either fix or remove it.

Having trouble getting rid of display none inline style code

I'm having trouble getting rid of a "display:none !important" inline style code on my website, I don't know how to get rid of it, it's causing the linked item to not show any image, or have an active link. If anyone could please give me any advice it'd be great.
I didn't write the display:none inline style, it automatically shows up when I upload the site to my web server. When I open my html/css pages locally it works fine.
screenshot of list items 2nd imge in first row is where problem lies
inspect element code screenshot from chrome browser
You likely have some sort of Javascript modifying the html, or possibly any number of other issues. If you could post the full code, it would be helpful in answering your question, and I could edit my answer to reflect something more helpful provided more information.
You can try this code in jQuery :
$('img').attr('style', '');

GWT Chrome issue with anchors inside HTML widgets

I'm having a Chrome only issue when adding anchor tags for internal links inside an HTML widget. This may sound quite unimportant but it's quite annoying for myself and many users.
When a page is loaded, if the links are middle-clicked or Ctrl-clicked the 1st time, they only open in a new tab/window like they should, but the 2nd time they act as though they were left clicked and use the same tab/window. For some reason this problem doesn't happen when I use Hyperlink or Anchor widgets. It also isn't an issue in Firefox or IE8.
I've verified that the final HTML of the Hyperlinks and my manually scripted tags are exactly the same. I applied the same styles to the HTML widget to do this. I even tried creating a Hyperlink and calling toString() to generate the HTML, but the bug still occurs.
Does anybody know why this could be happening or have any ideas of how to remedy it? This is a situation where I can't use Widgets so I need to create the tag HTML manually. I'm not a GWT expert, but I don't understand how the compiled code be handling the Hyperlink and Anchor widgets differently than the ones inside the HTML widgets. Any incite into this could be helpful.
I'd be interested in knowing if anybody else could reproduce this as well. I'm running Chrome 23.0.1271.97 and GWT-2.5.0. I know this happens in older versions of Chrome and GWT because it's been a problem for a while, at least since GWT-2.4.
Uninteresting nuances:
If there are two different links inside the same HTML, they bug will happen independently. Meaning that you can middle-click each one, and they will both work correctly, just not the 2nd time. Refreshing the page also resets them so the bug won't happen on the next middle-click. I also found that if the same link is twice contained in the HTML widget, they actually wont work independently. Meaning middle-clicking one will cause the other to incorrectly handle it's 1st middle click.
Just finished debugging this. It is not a GWT issue but a Chrome issue.
I created a bug report: http://code.google.com/p/chromium/issues/detail?id=177502
You can reproduce using this simple HTML page:<!DOCTYPE html>
LOCAL

Css not added to content loaded dynamic in IE

I have ben looking everywhere but I cant seem to find any good answer to this question.
I am loading a few items, first when page loads and then if the user wants to change language for example the divs are loaded dynamically again. In all browsers except IE this works fine. In IE the content is loaded BUT its css is completely lost. WHY? No clue? I have ben trying to load the css with the file I am loading without any result so now I am hoping for you guys!!
Please help
Like the above comments said, we'd need to see the code to get a better perspective of what's happening.
Just a thought. Have you gone through the debugging process with Console, this giving more information you could relay? Does the CSS work before the user changes? Is the CSS loaded in the header? And/or for debugging purposes have you seen if inline CSS works? (this would be better as a comment but I don't have that privilege yet). Good luck, and let us know.