Page 1 of 1

Wrong placement of graphics in browser preview

Posted: Mon Oct 14, 2019 1:36 pm
by MrZebulon
Hello All.

This is my first posting in this forum. :-)
I have a simple web page. The designer view is ok, but in the browser preview: IE, Edge, FF 69.03 the graphic is at the wrong place.
See following pics, please.
Image
Image
No third party extensions or code.
The same problem with German or English GUI-language.
The whole project can be downloaded at:
http://www.thinkbasic.net/Thinkbasic_neu.zip

Many thanks for helping me!
Kind regards
MrZebulon

Re: Wrong placement of graphics in browser preview

Posted: Mon Oct 14, 2019 2:03 pm
by Pablo
This is related to the height of the image vs the font-size of the page.

You can solve this for all images by adding this code between the head tags in Page HTML:

Code: Select all

<style>img
{
   vertical-align: top;
}
</style>

Re: Wrong placement of graphics in browser preview

Posted: Mon Oct 14, 2019 3:56 pm
by MrZebulon
Hi Pablo.

This worked. Very cool.
Many thanks!!

Kind regards