SharePoint - Remote machine shows wrong design - css

I am creating a SharePoint public website on SharePoint Server 2007.
I've added my custom Master-page for Publishing site.
When I see, Home page, on my local machine, in the content area of my page it shows me IMAGE on the right as I want to see.
But, When I see that page on my remote machine It shows my IMAGE on the left, instead of right side.
I'm using following layout:
<div id="Content">
<div id="left">
</div>
<div id="right">
**--->>>I've IMAGE over here..!!!!**
</div>
</div>
Can Anyone help me how to resolve this problem.
Thanks.

Without more information it's hard to tell what's your problem, but here is a couple of common issues:
Non approved versions of files. But if you're logging in as the same user then that's not the problem
Cached css. If your browser has ever retrieved an old version of the css (and you haven't renamed that) then it'll have the old version cached. CTRL+F5 will solve the problem if that's the case. But then all your users will have to do that if they got the old version cached.

Related

AEM - grid container visible in editor/preview but not when published

Running AEM 6.5.8.0 and we've a range of content in grid containers that no longer render visibly despite the code being present when viewing source.
For instance, on https://www.redfcu.org content below "featured rates" can be seen, edited in author, and the source is present when published, but does not render in the browser. Our implementation partner has not responded to the issue in several days, and Adobe's only solution is restore from back-up, but without knowing the root cause, I'm hesitant to just restore for the sake of it.
content in author
content when published
I see the content now, and I guess the issue has been solved. What was the root cause. In the future, if you have access to the logs, there should be errors or warnings printed in error.log (or in the default project log project-name-project.log) when you try to access that page. Missing content in publish is a common issue. In this case, it could be that this component is reading the child pages below a given path and these pages or experience fragments are not present in the publish instance. Similar scenarios happen when the content is tagged but the tags are not published, or there is a failure in a logic validating if you are on author/publish mode.

CSS Changes Not Showing In HTML site

My CSS changes are not showing once I upload to FTP. HTML changes show just fine. This is the web page in question:-
Activ Physiotherapy
Hosted with 1and1 and recently had an SSL certificate installed. I think it is an APACHE SERVER.
I have tried caching, deleting history and cookies and no luck with that. I deleted css file from root and the website still had all the css styled correctly as if the css file was still in the root.
I think something is wrong with my FTP but I do not know what to be able to fix it. It is like it is getting uploaded to the wrong webspace.
I should also mention that the changes work just fine locally in all browsers, just nothing when uploaded via FTP.
I just wanted to offer an update in case anyone goes through the same thing. It is a caching issue however the hard refresh and clearing cookies etc was useless for me.
Therefore in the end I added a string to the html tag in the . Like so:-
"styles/activphysiotherapy.css?v1"
This has forced the cache immediately.

FlowRouter locally served images break after redirect

While using FlowRouter if I load my page any locally served images (images/myImage.png) works fine. But if I navigate to a page and then navigate back (home page -> about page -> home page) the image is broken. However in the developer console, if I hover over the image source, the image appears fine.
This is not an issue with images served from another server.
Update
I never solved this issue, but because this still seems to be an issue with many people. I'm posting my work around. Based on the Meteor communities advice, I switched to cloud based image hosting like Cloudinary or AWS
It sounds like you are sometimes accessing images using their file paths. With Meteor, to serve static files properly, they need to be in the /public folder of your project. So you should put them in /public/images, and then reference them according to the following example:
The file
/public/images/foo.png
is displayed by
<img src="/images/foo.png>
See here: https://guide.meteor.com/structure.html#special-directories
I realized that although my images worked with the following:
Image is in /public/images/name.png
<img src="images/name.png">
But then I changed the url to:
<img src="/images/name.png">
Now it works and doesn't break.

AdBlock blocking CSS and Images on .NET 4.5 web site

I created a new web site using the default web-forms web site template that comes with Visual Studio 2012. Just went to File--> New Website --> C# --> Asp.Net Web Site, and let it create it's basic template.
Then I hit F5 to debug and it runs fine and I get that default welcome page with the aqua green block, etc... but when I add it to IIS and browse to it using localhost/WebsiteName in Chrome, the AdBlock plugin blocks all of the CSS and Images so all I see is black-and white un-styled text. When I disable AdBlock, the styling and images return and it looks normal just like it did when debugging.
I have a feeling it has something to do with the Bundle Referencing, but I'm not sure what's going on.
What specifically is AdBlock blocking?
Why isn't it blocking it when debugging through Visual Studio, only when browsed to it via localhost/WebsiteName?
What can I do to prevent users with AdBlock from having this content blocked when it is clearly not advertising?
I must assume you have a matching rule in your Adblock config. If you Go to Adblock - Options and turn on "I'm an advanced user, show me advanced options." you should then be able to reload your page and go to "Show the resource list" from the Adblock button. All items on the page will be displayed, the blocked items will be in red and the matching filter shown.
Good luck.
Thanks for the tip. It turns out that AdBlock blocks anything matching /advertising/* and the actual name of my app is "Advertising" because it will be an advertiser management system for my organization. Looks like I need to find a new name for that folder. When debugging is only went to localhost:5538/ but localhost/advertising/default.aspx got blocked because of the word "advertising" in the path.

Just got a SSL certificate but there is still a insecure localhost image

I just got an SSL certificate and everything went smoothly except there is still one image that is loading insecurely over http://. It's from a localhost url and I have no idea where it is coming from and how to get rid of it. This is the url that is still loading over http, http://localhost/Proiecte/GIT/kleo/wp-content/uploads/.
My website is https://thenoteshack.com/ if you want to check the error console.
Any advice on how I can convert this to https or just get rid of it? I have no clue what it is.
The insecure reference is in the div id="rev_slider_1_1", value for CSS property background-image:url.
<div id="rev_slider_1_1_wrapper" class="rev_slider_wrapper fullscreen-container" style="padding:0px;">
<!-- START REVOLUTION SLIDER 4.6.93 fullscreen mode -->
<div id="rev_slider_1_1" class="rev_slider fullscreenbanner" style="display:none;background-image:url(http://localhost/Proiecte/GIT/kleo/wp-content/uploads/);background-repeat:no-repeat;background-fit:cover;background-position:center top;">
<ul> <!-- SLIDE -->

Resources