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

Re: [NH] Inserting Images

Expand Messages
  • Don Passenger
    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,
    Message 1 of 18 , Jul 11, 2003
    • 0 Attachment
      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.
      >
    • 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 2 of 18 , Jul 11, 2003
      • 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 3 of 18 , Jul 11, 2003
        • 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 4 of 18 , Jul 12, 2003
          • 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 5 of 18 , Jul 12, 2003
            • 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 6 of 18 , Jul 12, 2003
              • 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 7 of 18 , Jul 12, 2003
                • 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 8 of 18 , Jul 12, 2003
                  • 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 9 of 18 , Jul 12, 2003
                    • 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 10 of 18 , Jul 12, 2003
                      • 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 11 of 18 , Jul 12, 2003
                        • 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 12 of 18 , Jul 13, 2003
                          • 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 13 of 18 , Jul 13, 2003
                            • 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 14 of 18 , Jul 13, 2003
                              • 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 15 of 18 , Jul 13, 2003
                                • 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 16 of 18 , Jul 14, 2003
                                  • 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.