Css not added to content loaded dynamic in IE - html

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.

Related

HTML seems to not register me trying to connect an external CSS

I know this question has been asked a ton. Yet I cant get mine to work after spending 2+ hours and downloading debugging software. I cant get my HTML file to link with CSS. One is a pic of HTML with the site I am trying to use. The other is my CSS. Sorry if this is actually an incredibly easy fix. I am student. Thanks for any help.
It seems like you're applying styles to your header element, which doesn't exist in the DOM. Please make sure the target is correct.

Embedded CSS not working with TextEdit on Mac

I am very, very new, so please pardon my ignorance.
I was away (thus using PC's) and have learnt to use embedded css and had my practice website going ok, then I came home to face my Mac.
(I have not learnt to use a separate CSS, because that was hard to do on borrowed computers so I only know embedded and in-line CSS)
No matter what I do (the file was already formatted to be plain text, saved as html), I cannot get any CSS property "linked" to my html. The html codes are showing, but the CSS seems completely lost. I took a screen shot of the very simple example. The right part is the what shows on the browser. Can you please enlighten me?
Did you try other browsers?
There are some similar issues in this page css not working in safari.
After you try other browsers with the newest version, you can locate the problem. If other browsers also don't work, the problem might arise from your code.

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', '');

Random css class from nowhere

I have a problem on a page i'm coding. Problem is i'm getting random img classes from nowhere (at least nowhere i know). I've put the generated class below.
<img class=" iryjanjabqqmypymdnuv" src="some/source/path">
There are several jquery plugins and jqueryui on the page but div that got img has nothing to do with those js libs. I also use php but that must have nothing to do with this i guess.
If you need any codes or names of the libraries just ask. Please help me i really have no idea and all the search i did was empty about this.
I had exactly the same problem. Find out that AdBlock Plus is responsible for that. So, just disable all the extensions and reload the page
Just wanted to chime in for anyone that finds this googling their problem, this is exactly the right answer in my case as well. AdBlock Plus (in Firefox only, not Chrome) was generating random class names for images I have embedded in my nav bar for social media links.
Now I have to either find a way to get around that or anyone using ABP in Firefox will see a weird looking nav bar due to this issue. It's not exactly an unpopular plugin.
I work in both Chrome and Firefox and use ABP in both. Hopefully we won't have to find workarounds for this.
Is it possible that you're browsing on a mobile network connection? Some mobile networks modify the HTML/CSS for images so they can serve lower-bandwidth versions, but allow you to "fix" them later. For example, on T-Mobile, if I hover over an image it will give me an Alt tag telling me the keyboard shortcut to use to load the original.
Obviously this won't be the case if it's all local...
I had the same problem and disabled all extensions in Firefox and then it was gone. Not sure which extension is the guilty party, have too many to chase it down by disabling each of them one at a time. :)

Alignment of images and data change in html webpages

Hello every one i had created a website using dreamweaver in windows7 which worked good in my system.I opened the same html site in another system with operating system windows xp and even in windows 7, but all the alignments of images ,textfields ,buttons and header image,content etc everything has been changed.what might be the problem.Can any one help me in solving this problem.Your answer will be most precious thing to me.Thanks to every one whose going to spend time on reading this question.
Without knowing more details it's hard to properly answer your question. Going to take a shot in the dark about a common issue.
If you did it in Dreamweaver you probably used its interface to drag and drop div elements around to place them in exactly the right positions. The problem with this method is that DW will use positioning relative to your screen size and it might not show up too well on other resolutions.
The solution to this is to make sure you code your containers correctly and not have a look at DW's CSS to fix it.
Without the HTML of your page (post it in pastebin and link it here), can't give a better answer.
Make sure you VALIDATE your code. In my experience using dreaweaver, the doctype declaration and the order of the tags can affect image positioning.
That was because you used different browser. In using Dreamweaver, try to not leave default values. For better debug you should code it with HTML and CSS. Those are not programming languages because they don't need exactly programming knownledge.
A really good HTML lessons at w3c.
A really good CSS lessons at w3c.