solved Saw broken image on my Home page. Weird stuff happened after replacement

researchcooperative
@researchcooperative
8 years ago
694 posts
@michael ?

After setting my "Editor Embedded Media" and module and "Editor Image Upload" modules to active across all quotas, I reset caches and did an integrity check (no problems) then returned the Home page to start looking at how to use it.

See http://researchcooperative.org/

Home page, which was fine a few moments ago, now had broken image logos in each of two widgets (there were only two photos on the page). So I went into Site builder and deleted the broken image and uploaded a new image.

In the Widget editor, all looked good (see copy 2 attachment with Save button showing).

After saving, weird stuff happened. See -after copy attachment with photo now pushing down into the widget headers below.

This happened repeatedly, on reruns, which is why I was able make the screenshot sequence.

How many different wrong things did I do to generate this mess?!

In the first instance, when seeing a broken image file, should I assume a bad internet connection, and refresh the browser page, or entirely restart my browser?

Or put real flowers in front of a shrine and pray?! :-) (Possibly a good idea in any situation, good or bad).


--
PJ Matthews, Kyoto
Migrated from Ning 2.0. Now at Jamroom 6 beta and using Jamroom Hosting for The Research Cooperative (researchcooperative.org)

updated by @researchcooperative: 03/28/17 10:57:28PM
michael
@michael
8 years ago
7,715 posts
That "Sign up for new members" appearing over the top of your image is doing that because you chose to set the image to "float: left"

Open the editor where the image is in and click on it to select it, then click on the "left align" button in the editor to change the FLOAT to a normal left alignment.

Alternatively you could use the < > (view source) button to look for the image code:
<img src="http://researchcooperative.org/upimg/image/upimg_file/34/196" style="float: left; margin: 0px;" alt="LG asagao 2016 copy.jpg">
and remove the style="float:left;"
<img src="http://researchcooperative.org/upimg/image/upimg_file/34/196" alt="LG asagao 2016 copy.jpg">

updated by @michael: 10/12/16 12:23:36AM
researchcooperative
@researchcooperative
8 years ago
694 posts
Thanks, I will work with this.


--
PJ Matthews, Kyoto
Migrated from Ning 2.0. Now at Jamroom 6 beta and using Jamroom Hosting for The Research Cooperative (researchcooperative.org)