Loading ...
Sorry, an error occurred while loading the content.

Re: [NH] Inserting Images

Expand Messages
  • GMX lofty282
    Don, I thank you for your reply. One of my main problems is where to insert the html. There are lots of examples on the net for all sorts of things and all
    Message 1 of 18 , Jul 11 12:37 PM
    • 0 Attachment
      Don,

      I thank you for your reply. One of my main problems is where to insert the html. There are lots of examples on the net for all sorts of things and all you do is to copy the html with perhaps slight editing. The problem is always where do you insert the html.

      It may be helpful if I give you the complete html of the thumbprint page together with the file name. If you then insert the html for me I would then be able to do all the rest and of course your example would help me to understand more fully.

      The file name is C:My documents/GamourmodelsCentral/Upload/GMC Ana Blue Mountains T

      The actual file name being Ana Blue Mountains T

      The html of the web page is:

      <!-- saved from url=(0022)http://internet.e-mail -->
      <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
      <HTML>
      <HEAD>
      <TITLE>Gallery 1</TITLE>
      <META http-equiv=Content-Type content="text/html; charset=windows-1252">
      <LINK rev=made href="mailto:lofty282@...">
      <META content="MSHTML 6.00.2800.1170" name=GENERATOR>
      <META content="Alex Wilson" name=author>
      <META content="Gallery 1 Thumbprints" name=description>
      <META content="Photos Scans Wallpapers Glamour Models" name=keywords>
      </HEAD>

      <BODY text=#000000 vLink=#ff0000 aLink=#0000ff link=#800000 bgColor=#000000 background="">

      <table width="590" height="600" cellpading="5" cellspacing="0" align="center" valign="top" border="5" bordercolor="Blue" bgcolor="#40e0d0">
      <tr><td valign="top">

      <center><H1><font color="#000000">GlamourModelsCentral</font></H1>
      <h4><i>The Galleries</i></h4></center>

      <p align="center"><font color="#000000" size="2"><b>Site map</b><br>
      <a href="http://www.glamourmodelsCentral.com">Home</a>  ::   <a href="galeries.html">Galleries</a>  </font></p>




      <P align="center">... Click Thumbprint for a larger image</P>

      <TABLE borderColor=red cellSpacing=1 cellPadding=2 width=380 align=center border=1 valign="top">
      <TBODY>
      <TR colspan="6" align="center">
      <TD align="center" width="50" height="50"><font color="#000000" size="+1"><b>Gallery One</b></font></TD>
      <TD align="center" width="50" height="50"><a href="1.html"><IMG src="Gallery 1_files/GMC Alex.gif" width="50" height="50"></a></TD>
      <TD align="center" width="50" height="50"><IMG src="Gallery 1_files/alex.gif" width="50" height="50"></TD>
      <TD align="center" width="50" height="50"><IMG src="Gallery 1_files/alex.gif" width="50" height="50"></TD>
      <TD align="center" width="50" height="50"><IMG src="Gallery 1_files/alex.gif" width="50" height="50"></TD>
      <TD align="center" width="50" height="50"><IMG src="Gallery 1_files/alex.gif" width="50" height="50"></TD>
      </TR>
      </TBODY>
      </TABLE>


      <TABLE borderColor=red cellSpacing=1 cellPadding=2 width=380 align=center border=1 valign="top">
      <TBODY>
      <TR colspan="6" align="center">
      <TD align="center" width="50" height="50"><IMG src="Gallery 1_files/alex.gif" width="50" height="50"></TD>
      <TD align="center" width="50" height="50"><IMG src="Gallery 1_files/alex.gif" width="50" height="50"></TD>
      <TD align="center" width="50" height="50"><IMG src="Gallery 1_files/alex.gif" width="50" height="50"></TD>
      <TD align="center" width="50" height="50"><IMG src="Gallery 1_files/alex.gif" width="50" height="50"></TD>
      <TD align="center" width="50" height="50"><IMG src="Gallery 1_files/alex.gif" width="50" height="50"></TD>
      <TD align="center" width="50" height="50"><IMG src="Gallery 1_files/alex.gif" width="50" height="50"></TD>
      </TR>
      </TBODY>
      </TABLE>


      <TABLE borderColor=red cellSpacing=1 cellPadding=2 width=380 align=center border=1 valign="top">
      <TBODY>
      <TR colspan="6" align="center">
      <TD align="center" width="50" height="50"><IMG src="Gallery 1_files/alex.gif" width="50" height="50"></TD>
      <TD align="center" width="50" height="50"><IMG src="Gallery 1_files/alex.gif" width="50" height="50"></TD>
      <TD align="center" width="50" height="50"><IMG src="Gallery 1_files/alex.gif" width="50" height="50"></TD>
      <TD align="center" width="50" height="50"><IMG src="Gallery 1_files/alex.gif" width="50" height="50"></TD>
      <TD align="center" width="50" height="50"><IMG src="Gallery 1_files/alex.gif" width="50" height="50"></TD>
      <TD align="center" width="50" height="50"><IMG src="Gallery 1_files/alex.gif" width="50" height="50"></TD>
      </TR>
      </TBODY>
      </TABLE>


      <TABLE borderColor=red cellSpacing=1 cellPadding=2 width=380 align=center border=1 valign="top">
      <TBODY>
      <TR colspan="6" align="center">
      <TD align="center" width="50" height="50"><IMG src="Gallery 1_files/alex.gif" width="50" height="50"></TD>
      <TD align="center" width="50" height="50"><IMG src="Gallery 1_files/alex.gif" width="50" height="50"></TD>
      <TD align="center" width="50" height="50"><IMG src="Gallery 1_files/alex.gif" width="50" height="50"></TD>
      <TD align="center" width="50" height="50"><IMG src="Gallery 1_files/alex.gif" width="50" height="50"></TD>
      <TD align="center" width="50" height="50"><IMG src="Gallery 1_files/alex.gif" width="50" height="50"></TD>
      <TD align="center" width="50" height="50"><IMG src="Gallery 1_files/alex.gif" width="50" height="50"></TD>
      </TR>
      </TBODY>
      </TABLE>
      <p align="center"><a href="gallery2.html">Gallery Two</a></p>

      <P align="center"><font size="1" color="#000000">Copyright @ 2003 GlamourmodelsCentral.com</font></P>

      </td>
      </tr>
      </table>

      </BODY>
      </HTML>

      Thank you, By the way, yes it was a mistake and I did mean NoteTab of which I am on the pro 30 day trial.

      Alex
      ----- Original Message -----
      From: Don Passenger
      To: ntb-html@yahoogroups.com
      Sent: Friday, July 11, 2003 3:34 PM
      Subject: Re: [NH] Inserting Images


      We don't accept attachments, that is true. If you can upload the page and
      give us the link, that would work.

      You of course don't actually insert the image, but rather draft html that
      will insert the thumbnail image when you view that code in your web browser.
      In turn, that image is a link that when clicked will open the full sized
      image.

      There are a couple of typical ways for you to do what you want. I won't
      complicate things at the moment by getting into all of the possibilities.
      Lets start with the simplest and work out from there after you have this
      down.

      The easiest way it so nest an image tag inside of a link tag.

      It would look like this:

      <a href='picture.jpg' target='_top'><img src='picture_th.jpg' width='100'
      height='50' border='0' alt='picture of nothing' /></a>

      When people start they often think that simply including a link to the full
      sized image in the image tag with a smaller size on it will be helpful.
      That really isn't because the entire image must first download and then the
      browser has to resize it with processor calculations to get it to view. It
      is much better to actually make a small copy of the image. Eric has kindly
      shared a freeware product called Easy Thumbnails which is excellent for
      making a whole batch of thumbnails to specifications. When I make them I
      append the suffix _th to the thumbnail.

      After you master this, we can talk about the other options ... using frames,
      opening an new window, or putting the image in a layer.

      --

      Don Passenger

      If you need an html fix visit
      http://www.htmlfixit.com

      html/perl/php/xhtml/javascript presented
      in easy tutorials with live help and forums
      to fix your problems
      ----- Original Message -----
      From: "GMX lofty282" <lofty282@...>
      To: <ntb-html@yahoogroups.com>
      Sent: Friday, July 11, 2003 3:43 AM
      Subject: [NH] Inserting Images


      > Hello,
      >
      > I am new to Notepad and indeed HTML.
      >
      > Can someone tell me how to use notepad to insert an Image from my
      documenmts folder into a page of thumprints which has been created for me by
      a friend. What I mean is that I have an html web page with 24 spaces in
      which to insert the thumbprint and then I would wish to link each thumb to
      the page containing the full enlarged photo.
      >


      Yahoo! Groups Sponsor
      ADVERTISEMENT




      Your use of Yahoo! Groups is subject to the Yahoo! Terms of Service.


      [Non-text portions of this message have been removed]
    • Don Passenger
      ... 1_files/alex.gif width= 50 height= 50 presumably you insert what I gave you earlier between the td tags:
      Message 2 of 18 , Jul 11 1:41 PM
      • 0 Attachment
        > <TD align="center" width="50" height="50"><IMG src="Gallery
        1_files/alex.gif" width="50" height="50"></TD>
        presumably you insert what I gave you earlier between the td tags:
        <TD align="center" width="50" height="50">put stuff right here</TD>

        I would also lose the width and height in the td tag so it comes out:
        <TD align="center">put stuff right here</TD>

        If you upload the page to the web, and give me a url
        (http://domain.com/page.html or whatever) then I can look at it. I
        obviously cannot get to your c drive.
      • GMX lofty282
        Hi Don, I have done as you explained. In fact I just clicked where it says Image in the HTML menue in NoteTab. It uploaded the pic OK but with problems. When
        Message 3 of 18 , Jul 12 1:08 AM
        • 0 Attachment
          Hi Don,

          I have done as you explained. In fact I just clicked where it says Image in the HTML menue in NoteTab. It uploaded the pic OK but with problems. When I uploaded it to the web the thumbprint was not there. On the NoteTab browser it was on the underneath cross but it should be on the upper cross as this is the hyperlink to the larger photo.
          At the end I include the html and here is the URL:

          http://beautyontheweb.homestead.com/files/Gallery_One.htm

          <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
          <!-- saved from url=(0022)http://internet.e-mail --><HTML><HEAD><TITLE>Gallery 1</TITLE>
          <META http-equiv=Content-Type content="text/html; charset=windows-1252"><LINK
          rev=made href="mailto:lofty282@...">
          <META content="MSHTML 6.00.2800.1170" name=GENERATOR>
          <META content="Alex Wilson" name=author>
          <META content="Gallery 1 Thumbprints" name=description>
          <META content="Photos Scans Wallpapers Glamour Models" name=keywords></HEAD>
          <BODY text=#000000 vLink=#ff0000 aLink=#0000ff link=#800000 bgColor=#000000
          background="">
          <TABLE borderColor=blue height=600 cellSpacing=0 width=590 align=center
          bgColor=#40e0d0 border=5 valign="top" cellpading="5">
          <TBODY>
          <TR>
          <TD vAlign=top>
          <CENTER>
          <H1><FONT color=#000000>GlamourModelsCentral</FONT></H1>
          <H4><I>The Galleries</I></H4></CENTER>
          <P align=center><FONT color=#000000 size=2><B>Site map</B><BR><A
          href="http://www.glamourmodelscentral.com/">Home</A>  ::   <A
          href="file:///C:/Documents%20and%20Settings/Alex/My%20Documents/GlamourmodelsCentral/galeries.html">Galleries</A>  </FONT></P>
          <P align=center>... Click Thumbprint for a larger image</P>
          <TABLE borderColor=red cellSpacing=1 cellPadding=2 width=380 align=center
          border=1 valign="top">
          <TBODY>
          <TR align=middle colspan="6">
          <TD align=middle width=50 height=50><FONT color=#000000
          size=+1><B>Gallery One</B></FONT></TD>
          <TD align=middle width=50 height=50><A
          href="file:///C:/Documents%20and%20Settings/Alex/My%20Documents/GlamourmodelsCentral/1.html"><IMG
          height=50 src="" width=50></A><IMG height=50
          src="Gallery One_files/gmc ana blue mountains t.gif" width=50
          border=0></TD>
          <TD align=middle width=50 height=50><IMG height=50 src=""
          width=50></TD>
          <TD align=middle width=50 height=50><IMG height=50
          src="Gallery One_files/alex.gif" width=50></TD>
          <TD align=middle width=50 height=50><IMG height=50
          src="Gallery One_files/alex.gif" width=50></TD>
          <TD align=middle width=50 height=50><IMG height=50
          src="Gallery One_files/alex.gif" width=50></TD></TR></TBODY></TABLE>
          <TABLE borderColor=red cellSpacing=1 cellPadding=2 width=380 align=center
          border=1 valign="top">
          <TBODY>
          <TR align=middle colspan="6">
          <TD align=middle width=50 height=50><IMG height=50
          src="Gallery One_files/alex.gif" width=50></TD>
          <TD align=middle width=50 height=50><IMG height=50
          src="Gallery One_files/alex.gif" width=50></TD>
          <TD align=middle width=50 height=50><IMG height=50
          src="Gallery One_files/alex.gif" width=50></TD>
          <TD align=middle width=50 height=50><IMG height=50
          src="Gallery One_files/alex.gif" width=50></TD>
          <TD align=middle width=50 height=50><IMG height=50
          src="Gallery One_files/alex.gif" width=50></TD>
          <TD align=middle width=50 height=50><IMG height=50
          src="Gallery One_files/alex.gif" width=50></TD></TR></TBODY></TABLE>
          <TABLE borderColor=red cellSpacing=1 cellPadding=2 width=380 align=center
          border=1 valign="top">
          <TBODY>
          <TR align=middle colspan="6">
          <TD align=middle width=50 height=50><IMG height=50
          src="Gallery One_files/alex.gif" width=50></TD>
          <TD align=middle width=50 height=50><IMG height=50
          src="Gallery One_files/alex.gif" width=50></TD>
          <TD align=middle width=50 height=50><IMG height=50
          src="Gallery One_files/alex.gif" width=50></TD>
          <TD align=middle width=50 height=50><IMG height=50
          src="Gallery One_files/alex.gif" width=50></TD>
          <TD align=middle width=50 height=50><IMG height=50
          src="Gallery One_files/alex.gif" width=50></TD>
          <TD align=middle width=50 height=50><IMG height=50
          src="Gallery One_files/alex.gif" width=50></TD></TR></TBODY></TABLE>
          <TABLE borderColor=red cellSpacing=1 cellPadding=2 width=380 align=center
          border=1 valign="top">
          <TBODY>
          <TR align=middle colspan="6">
          <TD align=middle width=50 height=50><IMG height=50
          src="Gallery One_files/alex.gif" width=50></TD>
          <TD align=middle width=50 height=50><IMG height=50
          src="Gallery One_files/alex.gif" width=50></TD>
          <TD align=middle width=50 height=50><IMG height=50
          src="Gallery One_files/alex.gif" width=50></TD>
          <TD align=middle width=50 height=50><IMG height=50
          src="Gallery One_files/alex.gif" width=50></TD>
          <TD align=middle width=50 height=50><IMG height=50
          src="Gallery One_files/alex.gif" width=50></TD>
          <TD align=middle width=50 height=50><IMG height=50
          src="Gallery One_files/alex.gif" width=50></TD></TR></TBODY></TABLE>
          <P align=center><A
          href="file:///C:/Documents%20and%20Settings/Alex/My%20Documents/GlamourmodelsCentral/gallery2.html">Gallery
          Two</A></P>
          <P align=center><FONT color=#000000 size=1>Copyright @ 2003
          GlamourmodelsCentral.com</FONT></P></TD></TR></TBODY></TABLE></BODY></HTML>



          ----- Original Message -----
          From: Don Passenger

          [Non-text portions of this message have been removed]
        • lloyd2
          Hi I have been following this thread for a while. If you look at http://lloyd2.home.mindspring.com/thumb.html you can decide if that is what you want to do. If
          Message 4 of 18 , Jul 12 6:06 AM
          • 0 Attachment
            Hi

            I have been following this thread for a while. If you look at
            http://lloyd2.home.mindspring.com/thumb.html
            you can decide if that is what you want to do. If so, just right click and
            choose "view source" to see how I did it. There is nothing fancy just html.

            I used another, easier I thought, method to make this:
            http://lloyd2.home.mindspring.com/jasindex.html
            For the album and large pictures I used Easy Imager. It is a new program
            Eric has built to try some of the new stuff he is putting into NoteTab Pro
            5.0. You can view what I did with "view source" there.

            Lloyd
            ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
            >Hi Don,
            >
            >I have done as you explained. In fact I just clicked where it says Image
            >in the HTML menue in NoteTab. It uploaded the pic OK but with problems.
            >When I uploaded it to the web the
          • Lewlinkous@cs.com
            In a message dated 7/11/2003 2:59:09 PM Central Daylight Time, ... Is this an illustration of coding or a sneaky way to introduce porno on this list? Don t
            Message 5 of 18 , Jul 12 7:59 AM
            • 0 Attachment
              In a message dated 7/11/2003 2:59:09 PM Central Daylight Time,
              lofty282@... writes:
              > GlamourModelsCentral
              >
              >
              Is this an illustration of coding or a sneaky way to introduce porno on this
              list?
              Don't mean to be prudish!
              However, I opened an innocent looking email some time ago and I still receive
              unsolicited email from porno sites.
              Don't want it.


              [Non-text portions of this message have been removed]
            • Lewlinkous@cs.com
              In a message dated 7/11/2003 2:59:09 PM Central Daylight Time, ... Apparently my knee jerked. My apologies. Lew [Non-text portions of this message have been
              Message 6 of 18 , Jul 12 8:08 AM
              • 0 Attachment
                In a message dated 7/11/2003 2:59:09 PM Central Daylight Time,
                lofty282@... writes:
                >
                >
                > GlamourModelsCentral
                >
                >
                Apparently my knee jerked.
                My apologies.
                Lew


                [Non-text portions of this message have been removed]
              • GMX lofty282
                Hi Lloyd, Yes, that s exactly the action that I want to do. I already have a very nice template. I will compare your html and maybe I can work out how to
                Message 7 of 18 , Jul 12 8:18 AM
                • 0 Attachment
                  Hi Lloyd,

                  Yes, that's exactly the action that I want to do. I already have a very nice template. I will compare your html and maybe I can work out how to apply it to my template html.

                  Thanks for your response.

                  Alex
                  ----- Original Message -----
                  From: lloyd2
                  To: ntb-html@yahoogroups.com
                  Sent: Saturday, July 12, 2003 3:06 PM
                  Subject: Re: [NH] Inserting Images


                  Hi

                  I have been following this thread for a while. If you look at
                  http://lloyd2.home.mindspring.com/thumb.html
                  you can decide if that is what you want to do. If so, just right click and
                  choose "view source" to see how I did it. There is nothing fancy just html.

                  I used another, easier I thought, method to make this:
                  http://lloyd2.home.mindspring.com/jasindex.html
                  For the album and large pictures I used Easy Imager. It is a new program
                  Eric has built to try some of the new stuff he is putting into NoteTab Pro
                  5.0. You can view what I did with "view source" there.

                  Lloyd
                  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
                  >Hi Don,
                  >
                  >I have done as you explained. In fact I just clicked where it says Image
                  >in the HTML menue in NoteTab. It uploaded the pic OK but with problems.
                  >When I uploaded it to the web the


                  Yahoo! Groups Sponsor
                  ADVERTISEMENT




                  Your use of Yahoo! Groups is subject to the Yahoo! Terms of Service.


                  [Non-text portions of this message have been removed]
                • GMX lofty282
                  Oh dear, Let me first of all say that there will be no porno at GlamourworldCentral.com when the site is finished .Neither will there be any popups to those
                  Message 8 of 18 , Jul 12 8:32 AM
                  • 0 Attachment
                    Oh dear,

                    Let me first of all say that there will be no porno at GlamourworldCentral.com when the site is finished .Neither will there be any popups to those type of sites. It is simply a glamour site for those interested in Glamour, models and clothes. The site is twofold. First to those interested in downloading wallpapers connected to serious models like Ana Claudia Michels, Gisele Bundchen and the like. All wallpapers will be offered FREE to those interested.

                    The commercial part of the site will be those who do the photo manipulation. Those who are experts in Photoshop and PSP. Those interested in creating their own websites when I will be offering Web Serving at realistic prices without Bandwidth restrictions etc.

                    My messages to the group is simply to seek help with the html problems I am facing being new to html having used software in the past but experiencing bandwidth problems.

                    The content of the site really has nothing to do with the group anyway. Simply help with html to accomplish what I am trying to achieve.

                    I hope this answers your question and fears.

                    Alex
                    ----- Original Message -----
                    From: Lewlinkous@...
                    To: ntb-html@yahoogroups.com
                    Sent: Saturday, July 12, 2003 4:59 PM
                    Subject: Re: [NH] Inserting Images


                    In a message dated 7/11/2003 2:59:09 PM Central Daylight Time,
                    lofty282@... writes:
                    > GlamourModelsCentral
                    >
                    >
                    Is this an illustration of coding or a sneaky way to introduce porno on this
                    list?
                    Don't mean to be prudish!
                    However, I opened an innocent looking email some time ago and I still receive
                    unsolicited email from porno sites.
                    Don't want it.


                    [Non-text portions of this message have been removed]


                    Yahoo! Groups Sponsor
                    ADVERTISEMENT




                    Your use of Yahoo! Groups is subject to the Yahoo! Terms of Service.


                    [Non-text portions of this message have been removed]
                  • hsavage
                    ... documenmts folder into a page of thumprints which has been created for me by a friend. What I mean is that I have an html web page with 24 spaces in which
                    Message 9 of 18 , Jul 12 3:15 PM
                    • 0 Attachment
                      GMX lofty282 wrote:

                      > Hello,
                      >
                      > I am new to Notepad and indeed HTML.
                      >
                      > Can someone tell me how to use notepad to insert an Image from my
                      documenmts folder into a page of thumprints which has been created for
                      me by a friend. What I mean is that I have an html web page with 24
                      spaces in which to insert the thumbprint and then I would wish to link
                      each thumb to the page containing the full enlarged photo.
                      >
                      > Alex

                      Alex,

                      After following this thread I've come to the conclusion you should
                      consider download software from the following links. If you are doing
                      many albums or frequently updating them you may consider purchasing one
                      or both packages.

                      Free program, Easy Thumbnails
                      http://www.fookes.com/ezthumbs/

                      Trial software, Album Express
                      http://www.fookes.com/album/index.php

                      Trial software, Easy Imager
                      http://www.fookes.com/ezimager/index.php

                      If you download Album Express or Easy Imager, or, both there is a
                      usergroup list for each. Worthwhile just to ask questions when the need
                      arises. I don't have the subscription addresses available but many on
                      the list would probably furnish them.

                      The job you have is a big one, especially if you're a novice in HTML.
                      Don't misunderstand, I'm by no means an expert.

                      The thumbnails on the index(thum.html) should actually be thumbnails or
                      loading time will be increased. The size perspective between the thumbs
                      and the full size photos should be maintained.

                      It's difficult to load a 640x480 or a 1024x768 photo into a 50x50 square
                      without vertically elongating and distorting it and if you're dealing
                      with models chances are you'll run into portrait mode photos and they
                      will be elongated horizontally.

                      60x45 for a landscape photo fits nicely although sizes in that range are
                      pretty small and sometimes hard to distinguish one from another.

                      One of the trial softwares above would do about 95% of the work
                      pertaining to creating an album, or, several albums, and it appears
                      you'll need at least one album per Gallery.

                      In the end you'll have to compensate for the differences between your
                      thum.html and the index.html created by the album software. I think
                      that would be a great deal less work than the current course.

                      hrs
                    • loro
                      Hi Alex, ... Well, as a starting point, Notetab can insert the image tags with their width and height attributes for you as well as create links. For this to
                      Message 10 of 18 , Jul 12 9:17 PM
                      • 0 Attachment
                        Hi Alex,

                        >I am new to Notepad and indeed HTML.
                        >
                        >Can someone tell me how to use notepad to insert an Image from my
                        >documenmts folder into a page of thumprints which has been created for me
                        >by a friend.

                        Well, as a starting point, Notetab can insert the image tags with their
                        width and height attributes for you as well as create links.

                        For this to work as indented you should create a folder for your site stuff
                        and keep the files in the same order as they will be in on the server.
                        Notatab will insert relative paths. This way things will work both on your
                        HD and on the server. You don't want paths beginning on "file:///C:/...".
                        They'll only work on your machine and nowhere else.

                        A common setup is to place the HTML files directly in your main folder and
                        images in a sub folder called 'images' or whatever. It doesn't matter how
                        you do it really, as long as you have the same arrangement locally as on
                        the server.

                        You have a lot of lines like this in your template:
                        <TD align="center" width="50" height="50"><IMG src="Gallery
                        1_files/alex.gif" width="50" height="50"></TD>

                        I assume that you want to replace those placeholder img tags with the real
                        ones. To do that delete the first img tag and put your cursor in its place.
                        Then go to the Document menu and click on "Insert HTML Link/Image". An
                        "Open File" dialog will pop up. Browse to the image you want to insert and
                        click OK. That's it - the img tag should now be in place.

                        Next step is to make the image link to the the page that contains the big
                        version of the image (provided you already have created that page of
                        course). You use the same menu command but this time you highlight the
                        image tag you just inserted first. Browse to the HTML file you want to link
                        to and clickety-click you've made a link.

                        Lets say the thumbnail is called dog_thumb.jpg and the page with the big
                        picture is called dog.html and you have arranged the files as in my example
                        above. Then the code should look something like this now:

                        <TD align="center" width="50" height="50">

                        <a href="dog.html">
                        <img src="images/dog_thumb.dog"
                        width="50" height="50"
                        alt="Change this text to something more meaningful">
                        </a>

                        </TD>

                        That's it. You can also do this by dragging files from the Quick List
                        window. That's the one that is toggled on and off if you hit the F6 key.
                        You can read in the help file about how to make it show the files you want.
                        It's under
                        Reference Information | Tools | Quick list.
                        I think this method is faster so you may want to check it out.


                        Lotta
                      • GMX lofty282
                        Hello Loro, Thank you for taking the time to answer my problem in detail. I have done as you suggested but am still having problems. The first part went great
                        Message 11 of 18 , Jul 13 3:15 AM
                        • 0 Attachment
                          Hello Loro,

                          Thank you for taking the time to answer my problem in detail. I have done as you suggested but am still having problems.

                          The first part went great and the thumbnail was inserted into the thumb space on the html document. However when I tried to do the link and then viewed my browser the thumb image had been removed and replaced with some html.

                          Can you see anything wrong with the selected html which was created automatically by NoteTab:

                          <img href="../../../../glamourmodelscentral/page001michels21.html" border="0" alt="<img src="../../../../glamourmodelscentral/images/michels21.gif" width="50" height="50" border="0" alt="">">

                          I have gone to the trouble of renaming all my files so that they are all in lower case. I did have my files for the sight in My Documents but have been advised by my friend to keep all my site material out of my documents. On his suggestion I have clicked My Computer, then the C drive and then created a folder entitled Glamourmodels. Within this folder I have another folder entitled Images. This I think was what you were also suggesting.

                          However I notice that NoteTab has automatically created a file path similar to that which you said should be avoided file:///C:/....

                          I have downloaded Arles Image Web creater on a trial basis but I still want to try and master this manually. My actual site is not live yet in as much as I am waiting for them to create it having supplied them with the necessary information from my domain.

                          I assume that when you say:
                          go to the Document menu and click on "Insert HTML Link/Image".

                          This on my version of NoteTab is on the html menue and simply says :

                          Insert Tags

                          The the sub heading is img link.

                          I assume this is the correct utility to use as there are others like imbed image but in any case I have tried them all.

                          I think I must be really docile or something.

                          Alex


                          ----- Original Message -----
                          From: loro
                          To: ntb-html@yahoogroups.com
                          Sent: Sunday, July 13, 2003 6:17 AM
                          Subject: Re: [NH] Inserting Images


                          Hi Alex,

                          >I am new to Notepad and indeed HTML.
                          >
                          >Can someone tell me how to use notepad to insert an Image from my
                          >documenmts folder into a page of thumprints which has been created for me
                          >by a friend.

                          Well, as a starting point, Notetab can insert the image tags with their
                          width and height attributes for you as well as create links.

                          For this to work as indented you should create a folder for your site stuff
                          and keep the files in the same order as they will be in on the server.
                          Notatab will insert relative paths. This way things will work both on your
                          HD and on the server. You don't want paths beginning on "file:///C:/...".
                          They'll only work on your machine and nowhere else.

                          A common setup is to place the HTML files directly in your main folder and
                          images in a sub folder called 'images' or whatever. It doesn't matter how
                          you do it really, as long as you have the same arrangement locally as on
                          the server.

                          You have a lot of lines like this in your template:
                          <TD align="center" width="50" height="50"><IMG src="Gallery
                          1_files/alex.gif" width="50" height="50"></TD>

                          I assume that you want to replace those placeholder img tags with the real
                          ones. To do that delete the first img tag and put your cursor in its place.
                          Then go to the Document menu and click on "Insert HTML Link/Image". An
                          "Open File" dialog will pop up. Browse to the image you want to insert and
                          click OK. That's it - the img tag should now be in place.

                          Next step is to make the image link to the the page that contains the big
                          version of the image (provided you already have created that page of
                          course). You use the same menu command but this time you highlight the
                          image tag you just inserted first. Browse to the HTML file you want to link
                          to and clickety-click you've made a link.

                          Lets say the thumbnail is called dog_thumb.jpg and the page with the big
                          picture is called dog.html and you have arranged the files as in my example
                          above. Then the code should look something like this now:

                          <TD align="center" width="50" height="50">

                          <a href="dog.html">
                          <img src="images/dog_thumb.dog"
                          width="50" height="50"
                          alt="Change this text to something more meaningful">
                          </a>

                          </TD>

                          That's it. You can also do this by dragging files from the Quick List
                          window. That's the one that is toggled on and off if you hit the F6 key.
                          You can read in the help file about how to make it show the files you want.
                          It's under
                          Reference Information | Tools | Quick list.
                          I think this method is faster so you may want to check it out.


                          Lotta


                          Yahoo! Groups Sponsor
                          ADVERTISEMENT




                          Your use of Yahoo! Groups is subject to the Yahoo! Terms of Service.


                          [Non-text portions of this message have been removed]
                        • lloyd2
                          Hi Alex, Lotta is much more experienced at this than I so I am sure you will want to be able to do things as she suggests. When I started building that web
                          Message 12 of 18 , Jul 13 7:49 AM
                          • 0 Attachment
                            Hi Alex,

                            Lotta is much more experienced at this than I so I am sure you will want to
                            be able to do things as she suggests. When I started building that web page
                            you were looking at of mine, that is how I started. I had nothing but
                            problems, all my fault, but found it easier to place all the code and
                            pictures in the same folder to begin with. That made the programming much
                            easier. I figured I could place them in separate folders and change the
                            code to match after I made it work.


                            <P><TABLE BORDER=3 WIDTH=750 HEIGHT=450>
                            <TR>
                            <TD><A HREF="tamale1.jpg"><IMG SRC="t1.gif" WIDTH=150 HEIGHT=98></A></TD>
                            <TD><A HREF="tamale2.jpg"><IMG SRC="t2.gif" WIDTH=150 HEIGHT=98></A></TD>
                            <TD><A HREF="tamale3.jpg"><IMG SRC="t3.gif" WIDTH=150 HEIGHT=98></A></TD>
                            <TD><A HREF="tamale4.jpg"><IMG SRC="t4.gif" WIDTH=150 HEIGHT=98></A></TD>
                            <TD><A HREF="tamale5.jpg"><IMG SRC="t5.gif" WIDTH=150 HEIGHT=98></A></TD>
                            </TR>

                            <TR>
                            <TD><A HREF="tamale6.jpg"><IMG SRC="t6.gif" WIDTH=150 HEIGHT=98></A></TD>
                            <TD><A HREF="tamale7.jpg"><IMG SRC="t7.gif" WIDTH=150 HEIGHT=98></A></TD>
                            <TD><A HREF="tamale8.jpg"><IMG SRC="t8.gif" WIDTH=150 HEIGHT=98></A></TD>
                            <TD><A HREF="tamale9.jpg"><IMG SRC="t9.gif" WIDTH=150 HEIGHT=98></A></TD>
                            <TD><A HREF="tamale10.jpg"><IMG SRC="t10.gif" WIDTH=150 HEIGHT=98></A></TD>
                            </TR>

                            You will notice that by keeping everything in the same folder, no paths
                            have to be listed. Notice, first I set up my table border, width and
                            height. Then I placed each row between "<tr> and </tr>" each picture
                            between "<td> and </td>. Then I repeated it for the next row.

                            I made the large pictures ".jpg's" and the thumbnails ".gif's". That was
                            just for my benefit, to keep things straight in my head as I was setting it
                            up. I don't remember how your template is but this is very simple to make.

                            Lloyd
                            ~~~~~~~~~~~~~~~~~~~~~~~
                            >Can you see anything wrong with the selected html which was created
                            >automatically by NoteTab:
                          • calamityjanenow
                            Hi Alex, I think the reason you are seeing file:///C:/.... in your document is that you have not saved the page you are working on in the glamourmodelscentral
                            Message 13 of 18 , Jul 13 8:45 AM
                            • 0 Attachment
                              Hi Alex,
                              I think the reason you are seeing file:///C:/.... in your document is
                              that you have not saved the page you are working on in the
                              glamourmodelscentral folder on your computer. Right click on the page
                              tab and choose save as. and it will show you where it is saved, if I
                              am right you can browse to the glamourmodelscentral folder and save it
                              there.
                              You have inserted the image into the link alt description, notetab
                              will use highlighted text as the link alt. May work better to put the
                              link in first, then put the image before the </a>. Instead of

                              <img href="../../../../glamourmodelscentral/page001michels21.html"
                              border="0" alt="<img
                              src="../../../../glamourmodelscentral/images/michels21.gif" width="50"
                              height="50" border="0" alt="">">

                              you should have

                              <a href="glamourmodelscentral/page001michels21.html" border="0"
                              alt=""><img
                              src="glamourmodelscentral/images/michels21.gif" width="50" height="50"
                              border="0" alt=""></a>

                              Perhaps someone else can say where <img href=" came from, I am at a loss.
                              Karen

                              --- In ntb-html@yahoogroups.com, "GMX lofty282" <lofty282@g...> wrote:
                              > Hello Loro,
                              >

                              > The first part went great and the thumbnail was inserted into the
                              thumb space on the html document. However when I tried to do the link
                              and then viewed my browser the thumb image had been removed and
                              replaced with some html.
                              >
                              > Can you see anything wrong with the selected html which was created
                              automatically by NoteTab:
                              >
                              > <img href="../../../../glamourmodelscentral/page001michels21.html"
                              border="0" alt="<img
                              src="../../../../glamourmodelscentral/images/michels21.gif" width="50"
                              height="50" border="0" alt="">">
                              >

                              > However I notice that NoteTab has automatically created a file path
                              similar to that which you said should be avoided file:///C:/....


                              >
                              > ----- Original Message -----
                              > From: loro
                              > To: ntb-html@yahoogroups.com
                              > Sent: Sunday, July 13, 2003 6:17 AM
                              > Subject: Re: [NH] Inserting Images
                              >
                              >
                              > Hi Alex,
                              >
                              > >I am new to Notepad and indeed HTML.
                              > >
                              > >Can someone tell me how to use notepad to insert an Image from my
                              > >documenmts folder into a page of thumprints which has been
                              created for me
                              > >by a friend.
                              >
                              > Well, as a starting point, Notetab can insert the image tags with
                              their
                              > width and height attributes for you as well as create links.
                              >
                              > For this to work as indented you should create a folder for your
                              site stuff
                              > and keep the files in the same order as they will be in on the
                              server.
                              > Notatab will insert relative paths. This way things will work both
                              on your
                              > HD and on the server. You don't want paths beginning on
                              "file:///C:/...".
                              > They'll only work on your machine and nowhere else.
                              >
                              > A common setup is to place the HTML files directly in your main
                              folder and
                              > images in a sub folder called 'images' or whatever. It doesn't
                              matter how
                              > you do it really, as long as you have the same arrangement locally
                              as on
                              > the server.
                              >
                              > You have a lot of lines like this in your template:
                              > <TD align="center" width="50" height="50"><IMG src="Gallery
                              > 1_files/alex.gif" width="50" height="50"></TD>
                              >
                              > I assume that you want to replace those placeholder img tags with
                              the real
                              > ones. To do that delete the first img tag and put your cursor in
                              its place.
                              > Then go to the Document menu and click on "Insert HTML
                              Link/Image". An
                              > "Open File" dialog will pop up. Browse to the image you want to
                              insert and
                              > click OK. That's it - the img tag should now be in place.
                              >
                              > Next step is to make the image link to the the page that contains
                              the big
                              > version of the image (provided you already have created that page of
                              > course). You use the same menu command but this time you highlight
                              the
                              > image tag you just inserted first. Browse to the HTML file you
                              want to link
                              > to and clickety-click you've made a link.
                              >
                              > Lets say the thumbnail is called dog_thumb.jpg and the page with
                              the big
                              > picture is called dog.html and you have arranged the files as in
                              my example
                              > above. Then the code should look something like this now:
                              >
                              > <TD align="center" width="50" height="50">
                              >
                              > <a href="dog.html">
                              > <img src="images/dog_thumb.dog"
                              > width="50" height="50"
                              > alt="Change this text to something more meaningful">
                              > </a>
                              >
                              > </TD>
                              >
                              > That's it. You can also do this by dragging files from the Quick List
                              > window. That's the one that is toggled on and off if you hit the
                              F6 key.
                              > You can read in the help file about how to make it show the files
                              you want.
                              > It's under
                              > Reference Information | Tools | Quick list.
                              > I think this method is faster so you may want to check it out.
                              >
                              >
                              > Lotta
                              >
                              >
                              > Yahoo! Groups Sponsor
                              > ADVERTISEMENT
                              >
                              >
                              >
                              >
                              > Your use of Yahoo! Groups is subject to the Yahoo! Terms of Service.
                              >
                              >
                              > [Non-text portions of this message have been removed]
                            • loro
                              ... That looks very peculiar since the tags kind of overlap each other and a tag like doesn t exists. Did you copy-paste that or can it be a typo
                              Message 14 of 18 , Jul 13 1:29 PM
                              • 0 Attachment
                                >Can you see anything wrong with the selected html which was created
                                >automatically by NoteTab:
                                >
                                ><img href="../../../../glamourmodelscentral/page001michels21.html"
                                >border="0" alt="<img
                                >src="../../../../glamourmodelscentral/images/michels21.gif" width="50"
                                >height="50" border="0" alt="">">

                                That looks very peculiar since the tags kind of overlap each other and a
                                tag like <img href=""> doesn't exists. Did you copy-paste that or can it be
                                a typo in there? Or maybe you accidently dragged stuff around in Notetab?

                                >I have gone to the trouble of renaming all my files so that they are all
                                >in lower case. I did have my files for the sight in My Documents but have
                                >been advised by my friend to keep all my site material out of my
                                >documents. On his suggestion I have clicked My Computer, then the C drive
                                >and then created a folder entitled Glamourmodels. Within this folder I
                                >have another folder entitled Images. This I think was what you were also
                                >suggesting.

                                Nah, you can have your site stuff in My Documents or on the desk top or
                                wherever you want. As long as you keep it all in its own folder and the
                                structure within that folder is the same as it will be on the server. Links
                                won't be the same otherwise. If you take a look at the funny tags above you
                                have href="../../../../glamourmodelscentral/page001michels21.html
                                That means the page you are linking to is 4 folders up from the one you are
                                linking from (each ../ goes one step up). If that's how you want it it's
                                fine but you have to keep it that way on the server too.

                                >I have downloaded Arles Image Web creater on a trial basis but I still
                                >want to try and master this manually.

                                I got the feeling that was what you wanted. ;-) It fun and you'll soon get
                                the hang of it. As lloyd said, it's maybe easier to keep everything in one
                                single folder and practice a little until you get the hang of how Notetab
                                works and how the tags should look. Make a few pages with just an image and
                                a link in it. You don't need all the table stuff for it to work. That's
                                just for layout. Start with a bare skeleton like this:

                                <html>

                                <head>
                                <title></title>
                                </head>
                                <body>

                                <!-- STUFF GOES HERE -->

                                </body>
                                </html>

                                >I assume that when you say:
                                >go to the Document menu and click on "Insert HTML Link/Image".
                                >
                                >This on my version of NoteTab is on the html menue and simply says :
                                >
                                >Insert Tags
                                >The the sub heading is img link.

                                I've never seen anything like this. What version of Notetab do you have?
                                Mysteries, mysteries!

                                Lotta
                              • GMX lofty282
                                Hi Lotta, Just a quickie for now to confirm that I have NoteTab version 4.95 Trial. Bit busy at the moment. I did however have a go with the Arles Image
                                Message 15 of 18 , Jul 14 12:54 AM
                                • 0 Attachment
                                  Hi Lotta,

                                  Just a quickie for now to confirm that I have NoteTab version 4.95 Trial.

                                  Bit busy at the moment. I did however have a go with the Arles Image creater and then looked at the html after creating the album. Strangely enough it did not show this at all .../.../.../.../ in the html.

                                  More later,

                                  Alex
                                  ----- Original Message -----
                                  From: loro
                                  To: ntb-html@yahoogroups.com
                                  Sent: Sunday, July 13, 2003 10:29 PM
                                  Subject: Re: [NH] Inserting Images



                                  >Can you see anything wrong with the selected html which was created
                                  >automatically by NoteTab:
                                  >
                                  ><img href="../../../../glamourmodelscentral/page001michels21.html"
                                  >border="0" alt="<img
                                  >src="../../../../glamourmodelscentral/images/michels21.gif" width="50"
                                  >height="50" border="0" alt="">">

                                  That looks very peculiar since the tags kind of overlap each other and a
                                  tag like <img href=""> doesn't exists. Did you copy-paste that or can it be
                                  a typo in there? Or maybe you accidently dragged stuff around in Notetab?

                                  >I have gone to the trouble of renaming all my files so that they are all
                                  >in lower case. I did have my files for the sight in My Documents but have
                                  >been advised by my friend to keep all my site material out of my
                                  >documents. On his suggestion I have clicked My Computer, then the C drive
                                  >and then created a folder entitled Glamourmodels. Within this folder I
                                  >have another folder entitled Images. This I think was what you were also
                                  >suggesting.

                                  Nah, you can have your site stuff in My Documents or on the desk top or
                                  wherever you want. As long as you keep it all in its own folder and the
                                  structure within that folder is the same as it will be on the server. Links
                                  won't be the same otherwise. If you take a look at the funny tags above you
                                  have href="../../../../glamourmodelscentral/page001michels21.html
                                  That means the page you are linking to is 4 folders up from the one you are
                                  linking from (each ../ goes one step up). If that's how you want it it's
                                  fine but you have to keep it that way on the server too.

                                  >I have downloaded Arles Image Web creater on a trial basis but I still
                                  >want to try and master this manually.

                                  I got the feeling that was what you wanted. ;-) It fun and you'll soon get
                                  the hang of it. As lloyd said, it's maybe easier to keep everything in one
                                  single folder and practice a little until you get the hang of how Notetab
                                  works and how the tags should look. Make a few pages with just an image and
                                  a link in it. You don't need all the table stuff for it to work. That's
                                  just for layout. Start with a bare skeleton like this:

                                  <html>

                                  <head>
                                  <title></title>
                                  </head>
                                  <body>

                                  <!-- STUFF GOES HERE -->

                                  </body>
                                  </html>

                                  >I assume that when you say:
                                  >go to the Document menu and click on "Insert HTML Link/Image".
                                  >
                                  >This on my version of NoteTab is on the html menue and simply says :
                                  >
                                  >Insert Tags
                                  >The the sub heading is img link.

                                  I've never seen anything like this. What version of Notetab do you have?
                                  Mysteries, mysteries!

                                  Lotta



                                  Yahoo! Groups Sponsor
                                  ADVERTISEMENT




                                  Your use of Yahoo! Groups is subject to the Yahoo! Terms of Service.


                                  [Non-text portions of this message have been removed]
                                Your message has been successfully submitted and would be delivered to recipients shortly.