Want to protect your cyber security and still get fast solutions? Ask a secure question today.Go Premium

x
?
Solved

opening an html file from cd

Posted on 2006-06-06
11
Medium Priority
?
181 Views
Last Modified: 2010-04-06
hi Experts (again).

I created 12 html files, 1 is called index.html and the remaining 11 are cat1.html to cat11.html.

index.html is used just as that - index.

From this index.html file, you can access any of the 11 other files.

Then there are 3 different image folders:

1 is called images, the other is called img and the last one is called small.

images has generic images.

small has thumbnail-like pictures. If you click on any of the small images, a larger image is invoked from the img folder.

All  these work fine on my wwwroot directory on my c drive.

However, when I burned these files into a cd, none of the images will load. Can anyone, please tell me what I am doing wrong?

I need to get this to work by tomorrow. Any assistance is greatly appreciated.
0
Comment
Question by:nigerman
  • 6
  • 5
11 Comments
 
LVL 10

Accepted Solution

by:
ClickCentric earned 500 total points
ID: 16848527
Can you post the html of the page?  My guess is that you're using an absolute pointer to the images and that won't work if you move everything to a different location.  The image tags, as with everything else, should use relative paths.  So if you have an images folder (/images) with an image A.jpg (/images/A.jpg) and the index file is (/index.html), then the img tag should be:
<img src="/images/A.jpg" />
0
 

Author Comment

by:nigerman
ID: 16848675
hi ClickCentric, and thanks for the response.

Here is the index.html file (not all the scripts but relevant ones)


These images below are not loading at all:

><TD style="background:  url(images/1_header_repeat.jpg); background-repeat: repeat-x;">&nbsp;</TD><TD style="background:  url(images/1_header_end.jpg); background-repeat: repeat-x;">&nbsp;</TD>

Then here is the rest of the index.html file.


Also, if you don't mind, I will post one file called cat1.html. If this works, I will make the adjustment on the rest.


Again, relevant stuff:


<TD style="background:  url(images/1_header_repeat.jpg); background-repeat: repeat-x;">&nbsp;</TD><TD style="background:  url(images/1_header_end.jpg); background-repeat: repeat-x;">&nbsp;</TD></TR>
</table>
<TABLE WIDTH="100%" HEIGHT="100%" BORDER=0 CELLPADDING=0 CELLSPACING=0>
      <TR>
            <TD valign="top" COLSPAN=2 ROWSPAN=2>

<table width="100%" cellspacing="0" cellpadding="0" align="center" class="bodytextcolor">

            <tr>
                  <td align="center"><h2><strong>Products</strong></h2></td>

            </tr>

            <tr>
                  <td>
                  <TABLE cellSpacing=0 width=600 border=0>

<TR>
<TD class="body1">MILLENNIUM HEALTH PRODUCTS, INC. carries the products and brands listed below. Click the links to get more information about the products for each brand.</TD></TR></TABLE>
                  </td>
            </tr>

            </table>




      <table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td width="100%" height="25">
                  <table width="100%" border="0" cellspacing="0" cellpadding="10">
              <tr>
                <td width="100%" colspan="3" align="center" class="body">
                                <strong>Here are the Millennium Healthcare Products we carry:</strong><br>
                              Click the link to see details on the product.<br><br><font color="red"<b>*</b></font><font color="darkorange">AIP customers, please call our toll free for special purchase discounts.</font>
                    </td>
              </tr>

                  <tr>
                        <td colspan="3" class="bodytextcolor">
                              <strong>

            <table width='100%' border=0 cellspacing=0 cellpadding=0>
            <tr>

         <td class=bodytextcolor width='33%' align=center nowrap>
         <img src="img/small/spwm4013-mhp-50.jpg" align="center" WIDTH='97' HEIGHT='125'>
         <br/>Medium Power Chair
          <br>Regular Price: <font color=red>$1,450.00</font>
         <br/><font color=green>10 or more:</font>
         <font color=red>$1,195.00</font>
         <br/><br></td>

         <td class=bodytextcolor width='33%' align=center nowrap>
         <img src="img/small/spwm4011-mhp-47.jpg" align="center" WIDTH='97' HEIGHT='125'>
         <br/>Compact Power Chair
          <br>Regular Price: <font color=red>$1,350.00</font>
         <br/><font color=green>10 or more:</font>
         <font color=red>$995.00</font>
         <br/><br></td>


notice this:  img/small/spwm4011-mhp-47.jpg

they are not loading either.

Everything is on the root of the cd


</td></tr></table></TD><TD style="background:  url(images/1_header_repeat.jpg); background-repeat: repeat-x;">&nbsp;</TD><TD style="background:  url(images/1_header_end.jpg); background-repeat: repeat-x;">&nbsp;</TD></TR>
</table>

<TABLE WIDTH="100%" HEIGHT="100%" BORDER=0 CELLPADDING=0 CELLSPACING=0>
      <TR>

            <TD valign="top" COLSPAN=2 ROWSPAN=2>

<table width="100%" cellspacing="0" cellpadding="0" align="left" class="bodytextcolor">

            <tr>
                  <td>
                  <left>
<TABLE cellSpacing=0 width=610 border=0>

<TR>
<TD>
<P><FONT face=Arial color=#004080 size=2>
<TABLE cellSpacing=0 border=0>
<TR>
    <td class="body1" align="left" height="2">
          <p><b></p><p><b></p>
            <img border="0" src="images/MuomahChristopher-789800.jpg" align="left" width="137" height="179">
            </p>Dr. Christopher U. Muomah, II<br>Founder & CEO<br><br>
      </b></b>


<p>Welcome to MILLENNIUM HEALTH PRODUCTS, INC.. We offer affordable solutions to all of your home health care needs. We have a full range of equipments and supplies to give you, our customer, a wide range of selections of Durable goods. </P>
<P>In addition to providing excellent service, we offer a full-line of medical products for sale, including </FONT></P><P>
</TD>
</TR>
  </tr>
</table>
</td>
  </tr>
  <tr>
    <td valign="top">
    <table width="100%" border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td valign="top">
        <table width="100%" border="0" cellpadding="0" cellspacing="0">
         <tr>
         <td class="body1">

    <UL>

    <li><font face="Tahoma">
        <a class='body1' HREF="cat4.htm">
        Ambulatory Aides
        </a></font></li>

    <li><font face="Tahoma">
        <a class='body1' HREF="cat5.htm">
        Bathroom Safety
        </a></font></li>

    <li><font face="Tahoma">
        <a class='body1' HREF="cat6.htm">
        Beds and Accessories
        </a></font></li>

    <li><font face="Tahoma">
        <a class='body1' HREF="cat11.htm">
        Canes and Crutches
        </a></font></li>

    <li><font face="Tahoma">
        <a class='body1' HREF="cat9.htm">
        Diabetic Supplies
        </a></font></li>

    <li><font face="Tahoma">
        <a class='body1' HREF="cat7.htm">
        Diagnostics
        </a></font></li>

    <li><font face="Tahoma">
        <a class='body1' HREF="cat16.htm">
        Health Protectors
        </a></font></li>

    <li><font face="Tahoma">
        <a class='body1' HREF="cat18.htm">
        Home Care Beds
        </a></font></li>

    <li><font face="Tahoma">
        <a class='body1' HREF="cat1.htm">
        Power  Chairs & Scooters
        </a></font></li>

    <li><font face="Tahoma">
        <a class='body1' HREF="cat2.htm">
        Power Lifts and Ramps
        </a></font></li>

    <li><font face="Tahoma">
        <a class='body1' HREF="cat8.htm">
        Respiratory Devices and Supplies
        </a></font></li>

    <li><font face="Tahoma">
        <a class='body1' HREF="cat10.htm">
        Rollators
        </a></font></li>

    <li><font face="Tahoma">
        <a class='body1' HREF="cat17.htm">
        Support Surfaces
        </a></font></li>

    <li><font face="Tahoma">
        <a class='body1' HREF="cat3.htm">
        Wheelchairs
        </a></font></li>

</UL>


        </span></a>
        </td>
    </tr>
   </table>
   </td>
   <td valign="top">
   <table width="100%" border="0" cellpadding="0" cellspacing="0">
       <tr>
          <td valign="top"><!--<a href="images/wheelchairs3.jpg">--><img width="70" height="70" border="0" src="images/scooterthumbs.png" border="0" hspace="10" vspace="10" alt="Scooters"></a> </td>
          <td valign="top"><!--<a href="images/hosbeds.jpg">--><img width="70" height="70" border="0" src="images/nursingbd.png"  hspace="10" vspace="10" alt="Respirators"></a> </td>
          <td width="25%"><!--<a href="images/morewheelchairs.jpg">--><img border="0" src="images/wheelchairsmall1.jpg" alt="Wheelchairs" width="70" height="70"></a></td>
       </tr>
       <tr>
          <td valign="top"><!--<a href="images/bedsNAccessories.jpg">--><img width="70" height="70" border="0" src="images/bedsmall1.jpg"  hspace="10" vspace="10" alt="Wheelchair" ></a> </td>
          <td valign="top"><!--<a href="images/morewheels.jpg">--><img width="70" height="70" border="0" src="images/wheelchairthumbs.png"  hspace="10" vspace="10" alt="Scooters"></a> </td>
          <td valign="top"><!--<a href="images/wheelrotator.jpg">--><img width="70" height="70" border="0" src="images/alumnwheelchair.png"  hspace="10" vspace="10" alt="Respirators"></a> </td>
       </tr>
    </table>
        </td>
      </tr>
    </table>
0
 
LVL 10

Expert Comment

by:ClickCentric
ID: 16848758
Hmm...looks mostly ok other than a few quoting issues, but they shouldn't be interfering.  Can you post the hierarchy of the file structure?  ie, do a dir /s and paste it here?
0
Concerto Cloud for Software Providers & ISVs

Can Concerto Cloud Services help you focus on evolving your application offerings, while delivering the best cloud experience to your customers? From DevOps to revenue models and customer support, the answer is yes!

Learn how Concerto can help you.

 

Author Comment

by:nigerman
ID: 16848885
As stated, the code works fine in my wwwroot directory of my hard drive.

I only have the issues with the files in the cd.

Everything is copied to the root of the cd.

You basically have:

images folder
img  folder
         small folder
index.html
cat1.html
...
cat11.html

only the small is a subfolder inside img folder.

Does this help?
0
 
LVL 10

Expert Comment

by:ClickCentric
ID: 16848943
The problem is, nothing seems wrong.  When you burn it to cd, can the image files themselves be opened from the cd?  Have you tried this in more than one browser?  
0
 

Author Comment

by:nigerman
ID: 16848958
When you say, "more than one browser", do you mean trying it using another pc?

If yes, then yes, I tried it with my laptop and my desktop = same result.
0
 
LVL 10

Expert Comment

by:ClickCentric
ID: 16849065
No, I mean trying it in other browsers....I'm guessing you've only checked this in IE?  Try firefox or Opera.    Is IE showing the little red 'x' that it shows when images don't load?  I'm thinking you have something else blocking the images from showing.
0
 

Author Comment

by:nigerman
ID: 16849124
Funny thing is when I click on the individual files like cat1.html, cat2.html etc, all is well; the pages load fine, the images load fine.

Problem comes in when I try to do so through index.html.
0
 
LVL 10

Expert Comment

by:ClickCentric
ID: 16849228
There's some piece of information missing here...  Can you post the content of cat1.html?
0
 

Author Comment

by:nigerman
ID: 16853499
Well, I had to reach back to my early programming days to remember to use the "divide and conquer" rule.

I removed all codes and images and started little snippets at a time, and there was the little culprit, an image Iogo of the company. I replaced it with another logo and vavoom, all is well.

I want to thank you very much, especially for your patience.
0
 
LVL 10

Expert Comment

by:ClickCentric
ID: 16854070
Not a problem.  Glad you found the culprit.
0

Featured Post

VIDEO: THE CONCERTO CLOUD FOR HEALTHCARE

Modern healthcare requires a modern cloud. View this brief video to understand how the Concerto Cloud for Healthcare can help your organization.

Question has a verified solution.

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

Introduction Knockoutjs (Knockout) is a JavaScript framework (Model View ViewModel or MVVM framework).   The main ideology behind Knockout is to control from JavaScript how a page looks whilst creating an engaging user experience in the least …
Introduction Since I wrote the original article about Handling Date and Time in PHP and MySQL several years ago, it seemed like now was a good time to update it for object-oriented PHP.  This article does that, replacing as much as possible the pr…
The viewer will learn how to create and use a small PHP class to apply a watermark to an image. This video shows the viewer the setup for the PHP watermark as well as important coding language. Continue to Part 2 to learn the core code used in creat…
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…
Suggested Courses

581 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