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

Re: [NH] Inserting Images

Expand Messages
  • Don Passenger
    ... 1_files/alex.gif width= 50 height= 50 presumably you insert what I gave you earlier between the td tags:
    Message 1 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 2 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 3 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 4 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 5 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 6 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 7 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 8 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 9 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 10 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 11 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 12 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 13 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 14 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.