For some reason, when I link to CSS in SharePoint, it renders incorrectly. However, when I place the CSS directly in the page or link to it raw through BitBucket, GitHub, or via CDN, it renders the page correctly. Can SharePoint not be used to host Intranet design files like js and css?
Turns out, I needed to host it from the Style Library, where no meta gets attached. Now everything is working perfectly! Thanks for everyone’s help! Hopefully if someone else comes along with the same issue, they’ll see how much thought we went through to troubleshoot it! Appreciate all the effort, everyone! :D
Related
I could not find the answer to this on here, but then again maybe I worded it wrong.
I have written a simple resume website with some pretty simple design. it works great until I load it into the public files with my hosting. just just a couple small things no longer follows all of the css i had written.
the site is whatshupp.com if you want to see what I mean. the maintenance page doesn't completely follow the css nor do the h1's on the homepage and somehow it worked fine before I load it up.
its not cashed data
is Hostinger the issue? Please help
Hi I am an android developer and haven't much knowledge about web, I purchased this App and it has a web back-end, it working pretty fine when I run it local like this,
but when I run this via hosting , I am getting this. link
After going through some search I found that these are some sort of Angular tags, as I already have mentioned that I haven't knowledge about this, How do I solve this?
It's happening due to hosting or path resolution issues.
None of the JavaScript files are getting loaded due to which the page is breaking and hence you are seeing raw code.
Fixing the proper loading of JS should fix the page. You might need to tweak it further in case relative path's are not loaded correctly.
Overall, it is not a code level issue yet.
Below is the screenshot of the hosted link you shared.
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
I'd like to make a disclaimer that I'm brand new to both CSS and Wordpress.
I've been using "Google Inspect" to edit the CSS of my Wordpress site. Everything looks like it is working well as I'm making the changes but the second I refresh the page it reverts it back to it's original formatting.
I am using this resource but the solution he came up with still doesn't seem to work for me.
Right now I am:
Saving my CSS
Making changes to the CSS
Saving my CSS again
Refreshing the page with no luck...
I'm not sure if there is any other information that I can provide. Let me know if there is and I'll update this post.
Any help would be greatly appreciated.
after reloading your change CSS code not working because it's either not saving to your CSS file or you may have to clear your browser data
Try viewing your page in another browser or incognito mode. This will force your browser to refrain from using any pre-cached versions.
Additionally, I would highly recommend using child themes when modifying your wordpress CSS. This will prevent your stylesheets from being overwritten when wordpress updates.
ok, maybe I'm wrong here, but it sounds to me like you are just not saving the stylesheet (which holds all the CSS of your site) correctly.
Perhaps I can summarize the technique from the other post quickly:
Open the browser element inspector and make your css edits.
Navigate to the css style sheet in the inspector and save the file
to your computer as style.css in your theme folder
Refresh the page and hope to see the changes.
This is making some assumptions I'm not sure are happening in your case:
This will only work if you are doing this in a local development
environment OR you are FTP'ing this style.css file to your server.
You aren't making any changes to currently unstyled elements. The
web inspector will add these as inline styles and they won't be in
said stylesheet.
I don't mean any disrespect by this whatsoever, but you will save yourself a ton of pain and suffering by learning how to do this right the first time.
Download:
Atom - Code editor
Desktop Server - The free version
Learn how to use those to create a local development environment and then use Atom to change your CSS.
I inherited a webpage to manage at work. I needed to add a new button so simply edited the existing jpeg to include the button and added a hyperlink to the jpg to open the link.
In Chrome, Firefox etc. all is well but now I get a weird formatting on IE.
I am NOT a web developer and am perplexed.
Thank you in advance for your help and advice.
The website is www.kimberleyjackson.com.
Sincerely,
Jason
That page is not really HTML, it's using Word-generated VML which as you see is ancient and deprecated technique.
The only thing I can suggest is to rewrite the page using "pure" HTML without all this fancy and deprecated stuff.
As you're not a web developer I fear you'll have to hire one - web page should be developed by web developer, not by document processing software.
Like above people have said, this is not going to be an easy page to maintain. That being said... is your new image the same size as the old image? If not, that may be causing misalignment. What changes exactly did you make?