I have a strange issue on my site where I am able to browse to an image, however I can't get it to display using HTML.
HTML as follows:
<img src="http://cdn.jackpallot.me/files/_header/14ae39ea5fb211e28b4622000a9e2975_7.jpg" width="845" height="250" class="header-img">
The actual image can be viewed at http://cdn.jackpallot.me/files/_header/14ae39ea5fb211e28b4622000a9e2975_7.jpg and loads as expected.
I am guessing this is a Cloudfront setting, although I haven't come across anything that seems to be causing it.
Any help on this would be appreciated.
Actually, this wasn't Cloudfront related at all. It was a strange issue where extra characters were being added to the end of the URL. Sublime Text didn't spot them, but another program did. Thanks anyway!
Related
Whenever I code, in almost all types of file extensions i.e js, jsx,html,ts. I get these weird inline suggestions to make it as HTML tag. I truly tried everything out, checked out extensions, JSON settings, unchecked all the suggestions/autocomplete settings. But, this never goes. I don't know what to do, I am truly fed up of this.
And it always suggest whenever I put : in front of anything. Like below.
Wierd Html tags suggestion
It's so annoying. VSCode experts please help.
I have been trying to remove this from long time, I also checked the vscode IntelliSense documentation, and did all the troubleshooting but it still didn't help.
I downloaded some HTML Newsletter template, adjusted it for my needs, and when i send it, it shows the whole CSS code at the top of the email.
This is mostly happening in Outlook, on Gmail i don't see this problem but some other discrepancies (like buttons size etc.)
Please look up the screenshot to see exactly how it looks like exactly when email received please look up the screenshot
In addition, i read somewhere that CSS code should be moved from <head> tags to just after beginning of <body> tag, but the problem still persists
How do i solve this problem?
Thanks
PS: I put the example of the code below, but i had to cut it because it exceeds 30000 characters... so i don't know if it is working now
OK guys i found the solution.
This was downloaded newsletter template which has inline code but for some reason it has some embedded code which was not necessary to be there.
The CSS coed which was showing in email disappeared just after i erased it from the file, and template without this code part was working just perfectly.
So i would say this was some kind of putting unnecessary code from developer in HTML file... the reasons i don't really know, but now it works.
In addition, i downloaded some newsletter files in the past they had the same problem. CSS showing in top was mostly seen on outlook.
I appreciate very much your assistance. I would say this problem is solved.
I have a problem that has me stumped and I'm hoping someone here can help me solve it. I designed a new site using Sublime and am having problems with one file(page) that looks great on Sublime, but is screwed up when I put it on the live server.
From Sublime it renders perfectly on all web browsers, so I don't think has anything to do with it. I suspect that maybe it has something to do with the Cascading part of CSS. But, I don't know how to determine that.
Anyhow, here's the the code involved: http://portabledogpotty.com/dog-potties.html
The first section is the HTML and the second section is the CSS file. Any help would be very greatly appreciated!
Sam
Seems you have a table only for the header **SAVE EXTRA MONEY WITH OUR VALUE PACKS! **, try to put it as a th in the table for packs.
I see that just using the chrome element inspector.
Grettings
OSX 10.8.5
I have images on my site hosted on my own server (not hotlinked) that aren't appearing in Firefox (26.0). It's just empty space where the image should be.
Troubleshooting with Firebug, I found that the image urls are different than what they're supposed to be. Instead of just src="img/Pic1.gif" it's something like src="http://website.net/img/xPic1.gif.pagespeed.ic.A2br4BiDEK.png". This has to be the reason the images aren't appearing, no?
I looked up what PageSpeed is, but I've never used it before. I guess I should disable it, but as you can see on the page I linked that it requires knowledge of apache? I have zero knowledge of that and would like to avoid it for the time being if possible.
Does PageSpeed just come as a part of Firebug? I disabled Firebug and refreshed which did not bring the images back. Will other visitors to my site not see the images on Firefox as well? If so, how can I possibly solve this?
edit
I'm also using Google Analytics, in case that is relevant..
Pagespeed is not the reason for the disappearance of my images, so although I didn't solve my problem, I'm closing this question as the title is no longer relevant.
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. :)