Web Editors and image insertion

11 views
Skip to first unread message

Catherine Sentz

unread,
Jan 23, 2024, 2:38:29 PMJan 23
to RootsWeb-Website-Help
I am a newbie as a website creator/editor.  I am currently using Blue Griffon on Windows 10.  Does anyone know if BG is supported on Windows 11 or is there a better free Wysiwyg editor?  I don't know programming languages or how to edit on the source side.   

My second question relates to inserting images.  I have followed the directions to do so and have also checked off to have the image relative to the page.  I can see the image in the editor.  When I reload and refresh the page I get a box, no image, and a little colored square in the upper left corner.  Also, the Alternate Text shows in the box.  I have tried different scenarios to get the image to show up, None have worked.  Any suggestions?

 

Barry Carlson

unread,
Jan 23, 2024, 3:05:17 PMJan 23
to rw-webs...@googlegroups.com

Catherine,

What you have described in your 2nd question, suggests that the link to the image is incorrect. 

You will need to look at the source code in the editor, where you will find something similar to:-

<img src="images/my-image.jpg" alt="My Image">

The simple link I have shown assumes that the folder/directory you have your file in has a sub-directory named 'images' and that the 'my-image.jpg' is in it. If the directory holding 'my-image.jpg' is somewhere else, then the link will need to be changed.

Check that the spelling and case is correct - its preferable to keep everything lower-case.

Barry

 

On 24/01/2024 8:38 am, Catherine Sentz wrote:
I am a newbie as a website creator/editor.  I am currently using Blue Griffon on Windows 10.  Does anyone know if BG is supported on Windows 11 or is there a better free Wysiwyg editor?  I don't know programming languages or how to edit on the source side.   

My second question relates to inserting images.  I have followed the directions to do so and have also checked off to have the image relative to the page.  I can see the image in the editor.  When I reload and refresh the page I get a box, no image, and a little colored square in the upper left corner.  Also, the Alternate Text shows in the box.  I have tried different scenarios to get the image to show up, None have worked.  Any suggestions?



Virus-free.www.avg.com

Cathy

unread,
Jan 23, 2024, 3:15:36 PMJan 23
to rw-webs...@googlegroups.com
Barry

I have a subfolder named "images".  I will check to make sure that the name of image is all in lower case and then also as you suggest checking the source code.  Hopefully I be able to find what you are suggesting to check.  I don't have any problem linking images within the site or to external URLs.  Just having this issue with images.  Thanks.  Cathy


------ Original Message ------
From "Barry Carlson" <barry...@gmail.com>
Date 1/23/2024 3:05:12 PM
Subject Re: [RW-Website-Help] Web Editors and image insertion
--
Website FAQs: https://sites.rootsweb.com/~gearyfamily/rootsweb-hosted-web-sites.html
FTP FAQs: https://sites.rootsweb.com/~gearyfamily/publishing-your-sites.html
To contact the owners of this group, write to rw-website-...@googlegroups.com
---
You received this message because you are subscribed to the Google Groups "RootsWeb-Website-Help" group.
To unsubscribe from this group and stop receiving emails from it, send an email to rw-website-he...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/rw-website-help/5a70748a-d3c7-4fc1-8c22-76910fc18908%40gmail.com.

Cathy

unread,
Jan 23, 2024, 3:57:40 PMJan 23
to rw-webs...@googlegroups.com
Ok Barry

I went in and made sure that the name of the image was all lowercase, no spaces. 

Then I tried inserting the image a couple of times.   First insert did the same thing, but I did not see the script that you said that I should see.  So I went back and moved the curser to where I thought it wasn't falling within any source code that might interfer.  The curser was between <br> and another <br>.  The script that you said that I should see came up, but when I saved it and refreshed the page it didn't work.  I was sure I was going to see the image on the updated page.  

Any next steps to try?  And yes, the "images" folder is a subfolder of the main folder on my desktop.  I apprecaite you working me through this.  

Cathy


------ Original Message ------
From "Barry Carlson" <barry...@gmail.com>
Date 1/23/2024 3:05:12 PM
Subject Re: [RW-Website-Help] Web Editors and image insertion

--

Roger Goodman

unread,
Jan 23, 2024, 4:27:24 PMJan 23
to rw-webs...@googlegroups.com

Cathy,

Can you post what you got between the two <br> tags?  I would expect you either got <img src="images/my-image.jpg" or <img src="./images/my-image.jpg".  If you got anything additional before images (or ./images), that could be your problem.

thank you,

Roger

Gina Heffernan

unread,
Jan 23, 2024, 4:27:50 PMJan 23
to rw-webs...@googlegroups.com
Cathy,

Check the insertion code AND the name of the image to be sure there isn't a blank space - any little thing that is different in the file name or the folder name will cause the display to fail. Did you upload the image to the website?


Gina Heffernan
Rusk County, Texas

Since you can be anything ... be kind.


Virus-free.www.avast.com

Barry Carlson

unread,
Jan 23, 2024, 4:31:06 PMJan 23
to rw-webs...@googlegroups.com

Cathy,

Please attach the .html file you are working with and send it direct to me.  I'll check it out here and let you know what to do next.

Barry


On 24/01/2024 9:57 am, Cathy wrote:
Ok Barry

I went in and made sure that the name of the image was all lowercase, no spaces. 

Then I tried inserting the image a couple of times.   First insert did the same thing, but I did not see the script that you said that I should see.  So I went back and moved the curser to where I thought it wasn't falling within any source code that might interfer.  The curser was between <br> and another <br>.  The script that you said that I should see came up, but when I saved it and refreshed the page it didn't work.  I was sure I was going to see the image on the updated page.  

Any next steps to try?  And yes, the "images" folder is a subfolder of the main folder on my desktop.  I apprecaite you working me through this.  

Cathy



Virus-free.www.avg.com

Cathy

unread,
Jan 23, 2024, 4:47:31 PMJan 23
to rw-webs...@googlegroups.com
Yes, I uploaded to the webpage and refreshed it. Didn't work.   

Here is the code.  I had to retype it, didn't see how to copy and paste it. 
<br>
<img src="images/madisonctymap1862.jpg"  alt="Madison County Ohio 1862 Map"

   style="width: 1224px; height: 1281px;"><br>

I think there are semi colons after the first px and second px, having trouble reading

I am assuming that the Alt Text is typed the normal way.  Perhaps not. 


------ Original Message ------
From "'Roger Goodman' via RootsWeb-Website-Help" <rw-webs...@googlegroups.com>
Date 1/23/2024 4:27:06 PM

Barry Carlson

unread,
Jan 23, 2024, 5:40:52 PMJan 23
to Cathy, rw-webs...@googlegroups.com

Cathy,

Here is the code you were working with:-

<img src="images/madisonctymap1862.jpg" alt="Madison County Ohio 1862 Map" style="width: 1224px; height: 1281px;">

I suspect that the filename is 'madisoncitymap.1862.jpg' - the "i" in city is missing in the above!

I'm not familiar with the text editor you are using, but if you are having difficulty reading the code, there will be a way of enlarging it. See what you can do.

Barry

--------------------------------

On 24/01/2024 11:23 am, Cathy wrote:
Barry

This did the same thing on another page about a week ago.  I have been trying to figure out what I am doing wrong.  Going back over the tutorial and checking and rechecking things.  I did correct the "images" image file names to all lower case as you suggested.  

Hopefully the attachment is what you want.  

I'm working with June Byrne's cullember lilly website.  My nephew offered to put it on his server last Srping.  June was really interested in having that happen before things went static.  Her original is still on RW.  He's still working on things as time permits since he works full time pl.us.   She wanted me to be the contact and update pages.       
Cathy  
------ Original Message ------
From "Barry Carlson" <barry...@gmail.com>
Date 1/23/2024 4:30:59 PM
Subject Re: [RW-Website-Help] Web Editors and image insertion
--
Website FAQs: https://sites.rootsweb.com/~gearyfamily/rootsweb-hosted-web-sites.html
FTP FAQs: https://sites.rootsweb.com/~gearyfamily/publishing-your-sites.html
To contact the owners of this group, write to rw-website-...@googlegroups.com
---
You received this message because you are subscribed to the Google Groups "RootsWeb-Website-Help" group.
To unsubscribe from this group and stop receiving emails from it, send an email to rw-website-he...@googlegroups.com.

Ruth Mather

unread,
Jan 23, 2024, 6:51:31 PMJan 23
to rw-webs...@googlegroups.com, Barry Carlson, Cathy
There is also a "dot" missing between map and 1862.  That dot in the filename might also be a problem.
Ruth

Roger Goodman

unread,
Jan 23, 2024, 7:00:47 PMJan 23
to rw-webs...@googlegroups.com

Cathy,

I noticed that you said you uploaded the webpage, but you said that the image is on YOUR computer.  If it has not also been uploaded, the link will fail, because it is pointing to a location on the RootsWeb server, rather than to your computer.  If the image has been uploaded, then I don't know what is wrong.

Roger

Barry Carlson

unread,
Jan 23, 2024, 11:49:48 PMJan 23
to Cathy, rw-webs...@googlegroups.com

Cathy,

I've run a Zenu Links Sleuth test on your Zenstone site, and the file is attached. Use Ctrl + to enlarge to whatever size you are comfortable with, and Ctrl 0 to revert to original.

What I have established, is that the -

https://www.unioncountyohio.gov/

- is a forbidden link.

Based on that information, I searched and found the image that I assume you were using and have hot linked to it.

The <a href=""></a> link has been removed and replaced with:-

<br>
<img src="https://tile.loc.gov/image-services/iiif/service:gmd:gmd408:g4083:g4083m:la000650/full/pct:12.5/0/default.jpg" 
	alt="Madison County Ohio 1862 Map" 
	style="width:1224px; height:1281px; margin-left:50%;  transform:translateX(-50%);">
<br>

You will also find that the PDF link above the image returns a 403 error code (forbidden).

Barry
On 24/01/2024 12:10 pm, Cathy wrote:
Barry
This is a Madison County, OH Map.  The image name is "madisonctymap1862.jpg".  It previously had upper and lower case lettering with _ between the words. I renamed it based on your suggestion. I tried loading this with the old name several different ways.  Didn't work. 

It's not just this image, I have not been able to load any images on a couple of different pages.  They show in the editor, but not in the refreshed web page after transferring back through File Zilla. 

Knocking off for tonight.  Manks thanks for your help and if you think of somehting else to try, please let me know.  

Cathy


------ Original Message ------
From "Barry Carlson" <barry...@gmail.com>
To "Cathy" <cjse...@gmail.com>
Date 1/23/2024 5:40:47 PM
zenstone-brkn-lnks.html

Cathy

unread,
Jan 24, 2024, 12:07:37 PMJan 24
to rw-webs...@googlegroups.com
roger 

When I say upload, I moved the saved filed on my desktop back to the right on File Zilla saved it and then refreshed the URL page.  If the image is inserted into the content page file, does the image file transfer when moved over in filezilla.?  It must since it shows a box where the image was on my desktop. 

I was asked to take over someone else's site by the original person.  The originator did not have an "images" subfolder, all her images are mixed in with "page" files.  However, I made an image subfolder because that seems to be a "best practice".  Would that make a difference?  Also, does my "images" subfolder have to be moved over to the right in filezilla?

Cathy


------ Original Message ------
From "'Roger Goodman' via RootsWeb-Website-Help" <rw-webs...@googlegroups.com>
Date 1/23/2024 7:00:36 PM

Roger Goodman

unread,
Jan 24, 2024, 12:58:13 PMJan 24
to rw-webs...@googlegroups.com
Cathy,
OK, tackling these in order:
1. Yes, moving a file to the right does upload it to the destination server.  (I'm presuming this is the html file you are talking about here).

2. No, an image file is not copied when inserted into a webpage - the image file is only linked/pointed to by the html file, it does NOT become part of the html file.  The reason you see the box is that you have defined the size of the image in the html file, so the web browser knows what size of space to save for the image, and shows you the box where it would put that image (if you didn't define the size, the web browser would save a large space for the image, and may not show the rest of the page until it determines that it can't find the image).

3. If the image is really in the same directory as the html file calling it, you would change your html from "<img src="images/madisonctymap1862.jpg" to "img src=madisonctymap1862.jpg" (remove the images/ part).  The other option would be to copy (not move) the madisonctymap1862.jpg into the images directory, and not change the html, and it should work.

I hope that is clear enough for you to do (paragraph 3, use one of the options, but not both.  Copying the file would be quickest/easiest); I tried to be clear.
Roger


Roger Goodman

unread,
Jan 24, 2024, 1:15:49 PMJan 24
to rw-webs...@googlegroups.com
Cathy,
I see I forgot to answer your last 2 questions:
Creating the folder "images", by itself does not make any difference. The questions that I need answered are:
     Did you move any/all image files into the images directory on your computer?
     Did you move any/all image files into the images directory on the Rootsweb server?

If you have moved (not copied) the images on your computer, you will need to move them to the right in FileZilla, so the end up in the images directory on RootsWeb.
If you have moved some/all the images into the images directory on RootsWeb, you will not need to move your images directory to the right in FileZilla.

Be aware of one "gotcha" around moving the image files on RootsWeb - unless you edit EVERY page file, to point to image files in the images directory, you will probably end up with broken links on other pages.  That is why I recommended copying the image files into the images directory, so they will exist in both places, and existing pages will not have broken links. You can go back and edit all the pages over time, and remove the image files from the pages directory as you fix the links to point to the images directory (no rush, everything continues to work in the mean time).
Let me know if I missed something else, or didn't sufficiently answer your questions.
Roge


On Wednesday, January 24, 2024 at 12:07:40 PM EST, Cathy <cjse...@gmail.com> wrote:


Cathy

unread,
Jan 24, 2024, 1:20:20 PMJan 24
to rw-webs...@googlegroups.com
Roger

Please bear with me, I don't know all the correct language for things.  I am not fully understanding what should be done.  

2. Ok.  The image file does not move with the .html.  I clicked on the inserted image in the editor and just moved the corner until I got the size I wanted instead of entering the size dimensions in that feature. 

3.a. On my desktop, the madisonctymap1862.jpg was copied into the 'images' sub folder and that map.jpg was inserted into the .html file.   Should I move/copy the 'images' subfolder over to the right in filezilla?  

Still not sure what action to take.  

Cathy  






------ Original Message ------
From "'Roger Goodman' via RootsWeb-Website-Help" <rw-webs...@googlegroups.com>
Date 1/24/2024 12:58:07 PM
Subject Re: Re[2]: [RW-Website-Help] Web Editors and image insertion

Bill Walsh

unread,
Jan 24, 2024, 1:44:33 PMJan 24
to rw-webs...@googlegroups.com
K. I. S. S. when giving instructions always.

Cathy, move the images folder over to the right side in filezilla.
To view this discussion on the web visit https://groups.google.com/d/msgid/rw-website-help/emf3056e24-ab36-4c2d-8ac6-cf9582496830%4060674b45.com.


-- 
“The strength of the Constitution lies entirely in the determination of each citizen to defend it. Only if every single citizen feels duty bound to do his share in this defense are the constitutional rights secure.”
― Albert Einstein

Cathy

unread,
Jan 24, 2024, 1:45:32 PMJan 24
to rw-webs...@googlegroups.com
Roger

The orignator wanted to leave her website at RW and have it also relocated to a new URL so that it can be updated over time.  She had 2 RW websites.  She wanted me to be the contact for one and another person for her other site.  She passed in December. 

I am working with the content on the new URL site, but some of the pages are still going back to RW.  The person that I am working with is a fulltime programer with his own business, but has not had the time to write code to correct all of the links or time to assist me so I turned to the group  So, I am aware of the breaks in the links.  The orginator apparently did not use the images directory on RW based on what I have been told by someone else who is a web designer and was assisting with some changes on RW before the URL move.  The images are right in with the .html files.

I did not move all the orignal images into the images directory on my computer.  I am just trying to edit/udate several individual .html pages that appear to be okay.  Getting images to insert is the challenge.  I am able to edit text and create links within the site and to external URLs. 

Cathy  






------ Original Message ------
From "'Roger Goodman' via RootsWeb-Website-Help" <rw-webs...@googlegroups.com>
Date 1/24/2024 1:15:42 PM
Subject Re: Re[2]: [RW-Website-Help] Web Editors and image insertion

Cathy

unread,
Jan 24, 2024, 1:50:01 PMJan 24
to rw-webs...@googlegroups.com
Bill

Will it matter if the originator's images are in the main directory with all the .html files and then there is a separate image subfolder?

Should I leave the orginal images alone?

Each time I insert an image, will I have to move both the image file and the .html file back and forth in filezilla?

Cathy


------ Original Message ------
From "Bill Walsh" <bi...@kctu.com>
Date 1/24/2024 1:44:31 PM
You received this message because you are subscribed to a topic in the Google Groups "RootsWeb-Website-Help" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/rw-website-help/FjQjuR-OLLM/unsubscribe.
To unsubscribe from this group and all its topics, send an email to rw-website-he...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/rw-website-help/3b23fb9d-18f8-4316-9b02-96d3cf0cf4c6%40kctu.com.

Roger Goodman

unread,
Jan 24, 2024, 2:09:37 PMJan 24
to rw-webs...@googlegroups.com
Cathy,
Bill was correct in stating that you need to move your image folder to the right in FileZilla.

It will not matter that image files are in two (or a hundred) locations - you just need the html/page file to point to one of them (ideally, in the images directory).

Yes, leave the original image files where they are, but COPY them (not MOVE them) into the images directory.

Once you have all the image files in the images directory, you will not need to move it back to RootsWeb.  Presuming you have already downloaded (to your computer) all the html/page files and images, you should not have to move an image file in either direction.
Roger


Bill Walsh

unread,
Jan 24, 2024, 2:16:28 PMJan 24
to rw-webs...@googlegroups.com
IF all the images are in the image folder you can delete them from the main area. Be sure they are ALL in the images folder first.

Think of the site as a file cabinet. You don't wan to just dump everything in the drawer. Makes it hard to find what your looking for. In file cabinets you use file folders to organize everything. You want to do the same with your site.

With Filezilla open if you see a folder on the left side that is not on the right move it over. Ditto for whatever is on the right needs to be on the left. That way you have the complete site on your computer just like on the web.

Bill Walsh

unread,
Jan 24, 2024, 2:19:42 PMJan 24
to rw-webs...@googlegroups.com
Roger, I respectfully suggest, that she have all the images in her images folder on her computer first. Then move the entire folder, contents and all, at one time to the other.

Just makes sure everything is in the correct place then just delete the unused images from the main folder. Keep everything clean and sorted after this.

Cathy

unread,
Jan 24, 2024, 2:33:41 PMJan 24
to rw-webs...@googlegroups.com
Bill and Roger

I have only been moving .htmls one at a time that I am working with based on what looks okay on the new URL and editing them.  

So you are saying move everything in filezilla from the right to the left to load onto my computer.  Then, copy all the images that are there into the images subfolder.  Then move that subfolder back to the right in filezilla.  

How will this mesh what the programmer will do with code changes?

I am so new at this stuff that I am concerned about messing something up.

Cathy 


------ Original Message ------
From "Bill Walsh" <bi...@kctu.com>
Date 1/24/2024 2:19:40 PM

Barry Carlson

unread,
Jan 24, 2024, 2:45:49 PMJan 24
to Cathy, rw-webs...@googlegroups.com

Cathy

unread,
Jan 24, 2024, 3:13:17 PMJan 24
to rw-webs...@googlegroups.com
Bill

I understand your thinking about having all the images organized at once, but I wanted to see as a test whether moving the images folder to the right would work.  There only a couple of images in it right now. Thankfully, the map.jpg image loaded onto the .html page just fine.  Now that I understand this, it all makes sense.  

So, thank you Bill, Roger and others for your suggestions.  this google group is a great resource.  

Cathy


------ Original Message ------
From "Bill Walsh" <bi...@kctu.com>
Date 1/24/2024 2:19:40 PM

Pat Asher

unread,
Jan 24, 2024, 3:26:21 PMJan 24
to rw-webs...@googlegroups.com
Cathy, What both Bill and Roger are saying is for the site to work correctly on the RootsWeb server, that site must duplicate the way the site is set up to work on your computer. So . . .

If you have an image (any image) in a directory named "images" on your computer, and the html page is coded to "call" the image located in that folder, then you must duplicate that set up on the server.
1) Upload the html page with the coding calling the image from the "images" folder/directory.
2) Create a folder named "images" on the server, then upload the image you want to appear on the html page to the "images folder on the server.

Pat Asher
Reply all
Reply to author
Forward
0 new messages