I have a strange issue with dreamweaver, editing HTML/PHP code.
When I save a .php or .html file and then re-open it in dreamweaver, it is showing broken href links, sometimes with missing closing " therefore breaking the code from that point on.
Here is an example:
This is the code when I save the file:
<tr>
<td><b><span style='color:#FF6464;'>Route:</span><br><a href="https://www.google.com/maps/d/edit?mid=1vKhfQCoJJf0jNWaf2a9NOl5L3bVbvgU&usp" target="_blank" style='color:yellow;'>GOOGLE MAPS</a></b></td>
</tr>
BUT, when I reopen the same file, dreamweaver will show me this:
<tr>
<td><b><span style='color:#FF6464;'>Route:</span><br><a href="https://www.google.com/maps/d/edit?mid=1vKhfQCoJJf0jNWaf2a9NOl5L3bVbvgU&usp"_blank" style='color:yellow;'>GOOGLE MAPS</a> </b></td>
</tr>
so this bit is missing here: target="
Another one on the same page:
Saved this:
<a href="https://www.google.com/maps/d/edit?mid=14atrlaqcxoM51Fr1nChkNUWA-lkF2NY&usp4sharing" target="_blank" style='color:yellow;'>GOOGLE MAPS</a>
When close and re-open the file, shows this:
<a href="https://www.google.com/maps/d/edit?mid=14atrlaqcxoM51Fr1nChkNUWA-lkF2NY&usp4sha"_blank" style='color:yellow;'>GOOGLE MAPS</a>
If I open the file in another app like Notepad++, it's fine there.
Have had this issue with other type of links too, e.g. facebook pixel etc.
Any ideas?
Related
I've named this file originally sweaty resume, but now have changed it, and its still showing up as sweaty resume. How do I change it?
<h1 id="resume" data-aos="zoom-in-down" data-aos-duration="750">Resume</h1>
<div id="resume-container">
<div data-aos="zoom-in-down" data-aos-duration="750" class="resume-inner-container">
<embed src="./Resume/Resume.pdf" width="80%" height="600px" value="Resume">
</div>
<a data-aos="zoom-in-down" data-aos-duration="750" href="Resume/Resume.pdf"
target="_blank" download>
Download
Me!</a>
</div>
I would see a glimpse of the Resume.pdf and then it would change back to sweaty resume, how would I go about this?
That's your PDF document's title and not the filename.
You have to change it in the editor where you created it (MS word for example: https://support.microsoft.com/en-us/office/view-or-change-the-properties-for-an-office-file-21d604c2-481e-4379-8e54-1dd4622c6b75)
Or you can use some tools to change the title in the document metadata, some of them are available online (just google "Edit PDF Metadata").
Before doing that, make sure that the file is not being cached, probably you renamed the file from its editor correctly and you are just seeing a cached version, so from your network tab see if the file is being fetched from the network and not being loaded from the cache. If it's the case do a hard-refresh Ctrl (Control) + Shift and click R or look it up for your browser/OS
I want to add a button to my website, which you click, and it then downloads a .eml file .
How would I do this?
Assuming you already have a .eml file present in your site's files, what you would do is add an href link around the button tags. So, something like this:
<a href="file.eml" download>
<button>Download My EML File</button>
</a>
Just point the href to the eml file in question. This method worked for me with word documents so it should theoretically work here unless eml files work in a fundamentally different way to all other kinds of files.
I have an internal link that does not appear to work.
I have two external linked directly above it with the same code simply with the url changed to reflect the correct location in my file structure:
<h5 align="left"><a class='btn btn-link' href="https://www.ruok.org.au">R U OK Day</a></h5>
<h5 align="left"><a class='btn btn-link' href="./otherpages/learningdevelopment.html">Learning and Development Portal</a></h5>
The second link when hovering over it reflect the correct file path (I have 1 folder within the group called "Other Pages" and there is only only other .html in that folder being "learningdevelopment"), however when I click on the link... nothing happens.
The external link above works perfectly fine, they are the same class etc so I cannot see a CSS issue being the problem, to be safe however, I deleted all the CSS and simply used HTML and same problem occurred.
I have tried moving the file to top level directory rather then my other pages file, same issue clicking does nothing (even without CSS).
Any help would be appreciated.
When I reference a .pdf in my webpage, the file doesn't open when I click on the link. I referenced the .pdf with the full path and the file is in the www folder.
When I hover over the link online, I can see that the link is to my .pdf on file but it doesn't open.
What am I doing wrong?
Thanks (HTML newbie)
Edit 1 - reference:
Filename
Edit 2:
I tried the local links extension and it still isn't opening. I also tried <a href="http://www.example.com/myfile.pdf"> and I get a 403 Forbidden error.
Modern browsers block links to file:// URLs from pages that aren't themselves on a file:// URL, and in the same directory tree.
This is a security feature. There are workarounds that you can install locally so it works on one specific computer. See this Mozillazine article.
Sorry - I don't have the rep to comment. But it looks like your ref structure could be wrong.
Try something like:
<a href="http://www.example.com/myfile.pdf">
UPDATE: Hmmm?
Have you tried just:
<a href="myfile.pdf">
Also, I found this which (while not directly relevant) has some discussions and links that may assist: How to set height on PDF file when linked to from HTML?
^^ Ignore that - it really is more related to how the pdf opens.
FURTHER:
I am assuming the pdf file name has no spaces in it. I also assume you have a local pdf viewer.
So I had a look at a random website which had a pdf link as an example. When clicked, it opened the pdf in a new tab. I am on chrome.
You may be able to use that to figure out what is wrong.
Here is the page: http://www.staff.uwa.edu.au/procedures/communications/media/uwanews
Looking at the pdf for the first listed file, this was their link:
Issue-10-December-2014 [PDF File, 2.0 MB]
It looks like path should be enough, but you might want to add the target="_blank" to open in a new tab.
Maybe also see this, which shows that users set how a pdf is opened - perhaps the settings on your end need to be set up: How to open link to pdf file in new tab using html
Anyway, I wish you the best. Post your answer when figure it all out.
I have several HTML documents in one folder locally. The pages link to eachother through hyperlinks. When I open a page in a browser the hyperlinks do not work and aren't even displayed in the developer tools. What is wrong?
JS
$('.only_css').removeAttr("href"); // I found this after putting the question sorry
HTML
<div class="label_css">
<a href="contact.html" class="only_css" target="_self">
<h3>Contact</h3>
</a>
</div>
Folder
contact.html
guestbook.html
index.html
Try to render on different browser
Try this:
Contact
Assuming that's literally the code you have. It is missing a ".
Something else in your code must be causing this behavior.
Check for unclosed parent/sibling elements, rogue Javascript, missing DOCTYPE, etc.