Solved

Simple changes to an HTML text file to link to images on a Windows-7 PC

Posted on 2013-06-02
9
186 Views
Last Modified: 2013-06-15
EE Experts,

I have 2 simple HTML files that I saved from Google Groups when they made a significant change to their TOS (Terms of Service) a few years back. It has a lot of plane old text in it because I write a lot. Some say I am full of crap. But they can go to hell. I don't care. It is a lot of description of how my software works. It had links to 36 screen shot image files. I now want to link the text to the images using relative reference in the anchor text of the HTML.

Here is an example of one of the references:
"....  Data Object Relationships diagram (<a href="subrogation10000_SubrogationDataRelationships.tif">0000_SubrogationDataRelationships.tif</a>) in front of you whenever ...."

Is there a simple change that I can make to this using MS-Word (it's supposed to do HTML), Textpad, or Ultra Edit?

I'm a VB.NET programmer among other languages too numerous to mention, but HTML isn't one of them. I took a community college course in web page design for beginners. So I know a little more than nothing about HTML but not by much. It seems to me that there should be a simple change I can make using a Plane ole text editor.

Thank you for your consideration in giving me some help. I'm not a website developer as my website clearly shows.

Ted Palmer
0
Comment
Question by:Ted Palmer
  • 5
  • 4
9 Comments
 
LVL 82

Expert Comment

by:Dave Baldwin
ID: 39215382
<a href="subrogation10000_SubrogationDataRelationships.tif">0000_SubrogationDataRelationships.tif</a> is a 'relative reference' or link to an image that is in the same directory as the HTML file.

And don't use MS Word.  If you open and save it once in MS Word, you will have HTML that is oriented towards printing and not the web.  Use a plain text or code editor that won't corrupt your files with Microsoft formatting.
0
 
LVL 82

Expert Comment

by:Dave Baldwin
ID: 39215387
For what it's worth, TIFF is not supported in many browsers.  http://en.wikipedia.org/wiki/Comparison_of_web_browsers#Image_format_support
0
 

Author Comment

by:Ted Palmer
ID: 39215883
DavidBaldwin,

Thank you for your help. I should have attached this screen shot file with my question. That was my oversight. Please take a look at this screen shot to see the error message I am getting. I thought there needed to be a change to the HTML to avoid this error message. I definitely could be wrong.
FileNotFound.jpg
0
 

Author Comment

by:Ted Palmer
ID: 39215892
That is the error message I get when I click on the link in the HTML page displayed on the workstation screen. There is no internet connection involved here. I am just displaying an HTML file in the workstation PC's default web browser. I click on the link in the text displayed in the web browser, and the error message is the response I get using the example HTML embedded in the text.

Here is an example of one of the references:
"....  Data Object Relationships diagram (<a href="subrogation10000_SubrogationDataRelationships.tif">0000_SubrogationDataRelationships.tif</a>) in front of you whenever ...."

The TIF image file is located in the same directory as the HTML displayed in the web browser. I believe the image files were saved as TIF by Google originally, but I could be guilty in this case of blaming somebody else for my mistake. I hope I don't have to go back and recreate all 36 of those image files as JPG or PNG. That would take a lot of extra time and work. But a person has got to do what a person has got to do.

Thanks for your help,
Ted Palmer
0
Better Security Awareness With Threat Intelligence

See how one of the leading financial services organizations uses Recorded Future as part of a holistic threat intelligence program to promote security awareness and proactively and efficiently identify threats.

 
LVL 82

Expert Comment

by:Dave Baldwin
ID: 39216449
Firefox does not display TIF images.  Try displaying them in Internet Explorer.
0
 

Author Comment

by:Ted Palmer
ID: 39216771
I changed the default web browser. I am still getting the same error message except the file location is now prefixed with 3 forward slashes "///" please see attachment. Using Firefox for the web browser gave me only one forward slash before the actual file diskdrive:/path/filename.tif.

I made Windows photo viewer the default program for opening TIF files.

Thank you for your help,
Ted Palmer
IE-FileNotFound.jpg
0
 
LVL 82

Expert Comment

by:Dave Baldwin
ID: 39217117
The first thing I would do is copy all the files to a directory outside of Program Files like C:\TestFiles.  Newer versions of Windows don't seem to like you messing around in Program files.  Give all the files in the new directory 'Everyone' permissions so that nothing is blocking them.
0
 

Accepted Solution

by:
Ted Palmer earned 0 total points
ID: 39236768
The answer to this question is in this other EE question that I asked. Follow the link:

http://www.experts-exchange.com/Web_Development/Web_Languages-Standards/HTML/Q_28146711.html#a39218052


Ted Palmer
0
 

Author Closing Comment

by:Ted Palmer
ID: 39249770
I was not satisfied with any of the answers (comments) that I got here. So I did some research and asked a better worded question. But the answers I got here were pretty disappointing. I didn't want to see this question and answers become a part of the EE knowledge base.

Ted Palmer
0

Featured Post

Maximize Your Threat Intelligence Reporting

Reporting is one of the most important and least talked about aspects of a world-class threat intelligence program. Here’s how to do it right.

Join & Write a Comment

Suggested Solutions

Popularity Can Be Measured Sometimes we deal with questions of popularity, and we need a way to collect opinions from our clients.  This article shows a simple teaching example of how we might elect a favorite color by letting our clients vote for …
Use these top 10 tips to master the art of email signature design. Create an email signature design that will easily wow recipients, promote your brand and highlight your professionalism.
In this tutorial viewers will learn how to style elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…

762 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

19 Experts available now in Live!

Get 1:1 Help Now