Wrong placement of graphics in browser preview

Issues related to previewing and publishing your web site.
Post Reply
MrZebulon
 
 
Posts: 2
Joined: Mon Oct 14, 2019 12:31 pm

Wrong placement of graphics in browser preview

Post by MrZebulon » Mon Oct 14, 2019 1:36 pm

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

User avatar
Pablo
 
Posts: 18940
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: Wrong placement of graphics in browser preview

Post by Pablo » Mon Oct 14, 2019 2:03 pm

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>

MrZebulon
 
 
Posts: 2
Joined: Mon Oct 14, 2019 12:31 pm

Re: Wrong placement of graphics in browser preview

Post by MrZebulon » Mon Oct 14, 2019 3:56 pm

Hi Pablo.

This worked. Very cool.
Many thanks!!

Kind regards

Post Reply