Solved

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

Posted on 2013-06-02
9
190 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 5
  • 4
9 Comments
 
LVL 83

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 83

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
Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 

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
 
LVL 83

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 83

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

Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Have you tried to learn about Unicode, UTF-8, and multibyte text encoding and all the articles are just too "academic" or too technical? This article aims to make the whole topic easy for just about anyone to understand.
Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
In this Micro Tutorial viewers will learn how to create navigation buttons that change on rollover, using CSS (Continuation of the CSS Image Sprite tutorial) Create a parent ID for all the list items       - Specify position: absolute and display: block…
In this tutorial viewers will learn how to embed videos in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <video> tag to insert a video. Define the src as the URL of your video; this is similar to …

726 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