Posting spreadsheet table in Wordpress page - html

I'm trying to embed a Google worksheet in a page in my Wordpress website.
Exporting from Google gives me two files, one html an one sheet.css. The html links to the CSS file via href="resources/sheet.css". I have created a resources directory in my theme folder and placed the CSS inside, however, when I post the html in a page, the two files don't seem to be linked and the table is out of style (the cells are huge).
Any thoughts appreciated.

It is hard to know for sure without seeing your html code, but it seems like the url doesn't point to the correct location.
Entering the complete path of the file should solve the problem, if the rest of the link tag is correctly entered.

Related

Handling with spaces in href for excel link

I'm not really a html user but have been trying to link all my workbooks to a single simple html website so I can share them with my team.
I was able to do it with most of my workbooks using "ms-excel:ofe|u|" in the beginning of my links, however if I put any spaces inside the href it just won't work. For instance, I have this file,
"ms-excel:ofe|u|L:/Economia/Internacional/US/GDP Tracking/gdp_tracking.xlsm", and the link won't work because of the space between GDP and Tracking. I tried using the %20, but then excel recognizes it as part of the directory. In the case of this specific file, I'm unable to rename the folder to something such as GDP_Tracking, so I was wondering if anyone would know any other way to solve this issue. Thank you!
<p>GDP Tracking </p>

HTML Hyperlinks and HTML Structure

I'm a mech engineer w/ no experience in HTML, doing an odd task for my boss.
I have managed to save the excel sheet (contains hyperlinks) to HTML format. However, I'd like to edit these hyperlinks within the HTML code.
I right-clicked on the test.htm document and viewed the HTML in notepad. I expected to be able to find the hyperlink at this stage.
My question is:
What is the structure of HTML files, in the sense that the hyperlink must be stored somewhere, how do I view it, preferably within notepad?
This has to do with the way excel saves to html. It generates a filename.htm which acts as a viewer, and then places data for each sheet inside a "filename_files" folder. Inside, you'll find sheetxxx.htm files (which actually contain the href you are looking for). When you open filename.htm, scripts inside it load the corresponding sheets into the page.
And this is why you won't find what you want inside the main file. Keep in mind that html is dynamic, which means that, differently from opening a static file in notepad, it can be configured to perform actions, changing what you see in the page and its code behind (Dom Explorer)
Hyperlinks in HTML are designated by the "a href" tag. For instance,
This Link Goes To Google
creates a link that says "This Link Goes To Google"

IFrame of local HTML file not displaying in Jupyter nbviewer

I'm trying to share a Jupyter Notebook containing some regresison results (in an IFrame) with my university lecturer because I need to ask him something. The regression results are in a HTML file, generated from the stargazer library in R. The notebook can be viewed here: http://nbviewer.jupyter.org/urls/dl.dropbox.com/s/vnt875efjwqbi2g/regressions.ipynb?flush_cache=True. Is there any way to render a local HTML file in the notebook without it breaking for other people? I have tried using nbconvert to convert my notebook to HTML, but though I can see the IFrame properly, others cannot.
The folder is synced to Dropbox, and currently what I see in the IFrame is just this error:
Error (403)
It seems you don't belong here! You should probably sign in. Check out our Help Center and forums for help, or head back to home.
Of course, I could link my lecturer to the HTML file that contains the results, but that is not optimal because he has to jump between the nbviewer page for the code and the results page for the results.
I've figured out a workaround. Since the HTML results file is hosted on Dropbox, this answer explains how to access the contents of the HTML file directly from a Dropbox shared link. I can then display the IFrame using the Dropbox link instead of my local file.

How to Edit .Aspx Files?

I am trying to edit the following page: http://tktruck.com/contact.aspx in order to get rid of the cat photos.
Apparently there is no contact.aspx file in the FTP, so I am having trouble figuring out how to edit this page's content.
Some additional information:
I have access to the back-end (FTP files). I have searched the FTP for contact.aspx, and I cannot find the file. I have tried searching the entire website for tags with the appropriate sources, as well. I found some code with the image tags, and removed those tags. When I uploaded the code to the server, the images were still there (and still are).
Does anyone know what I have to do to edit an aspx file, or at least have an idea on how to remove these photos?
You need to get access to the server in which the website is hosted.

Create a Sharepoint page from HTML file with images

I'm trying to create an editable page in Sharepoint. I already have the page in HTML (it's quite large) and it has many images in it. Previously I have just created a new page in sharepoint and pasted the HTML source in, the uploaded/inserted the images manually, one at a time.
Unfortunately, I am not able to do this in a reasonable amount of time since there are many images this HTML file is using.
So, I want an editable Sharepoint page that keeps the images intact from a directory that looks like this:
thepage.html
1.png
2.png
...
...
...
343.png
etc
Any ideas?
EDIT: For more clarity - this is a specifications document in HTML form, so it has a lot of text and header integrated with images. I'd like it to be converted to an actual Sharepoint Page that is editable from Sharepoint's interface.
Seems best here to use a low-tech solution, some HTML editing and use the best way for you to upload multiple files.
Assuming
C:\mypage
-> \page.html
-> \images\1.png
-> \images\2.png
...
-> \images\100.png
Via the UI
Go to a Document or Image library, and use the "Upload Multiple files/images" (this only appears on Internet Explorer)
Lets say you uploaded it to //sharepoint/myimages
Create a new content page (say an Article page, or WebPart Page with a Content Editor WebPart)
Lets say your page resides now at //sharepoint/pages/mypage.aspx
Change your html to point from <img src="images/1.png" /> to <img src="../myimages/1.png" />
Edit the HTML for your newly created page (Ribbon > Edit HTML Source), paste your HTML code
Via SharePoint Designer
Drag and Drop all the images in your desired location
repeat the HTML steps above
To replace text in bulk, SharePoint Designer, your favorite HTML editor or event Notepad can do that well using the CTRL+H menu / Edit > Find & Replace options.
NOTE: the //sharepoint address up there is the http url for your site, SO won't let me use a full fake address as a sample.
From IE or from Word, save the page as a complete webpage so it creates an HTML file plus a folder with the images.
In network places, create web folder (WebDAV) pointing to Sharepoint. This way, you can access it from the file system in Explorer.
Open your new network place, navigate to the library where you want your HTML file to be, and drag-n-drop the file and folder into there.
The file then will be visible in browser, with the pictures, but the folder will be hidden.
If I have understood correctly your question. You can use this post answer to load list of images by javascript and php ->
Load list of image from folder.
Upload files to Share Point server and use that folder.
Or you can dynamically write c# code to read Share Point folder and display images.