WriteLog
[Top] [All Lists]

[WriteLog] K9JY WriteLog Site Images overlapping Text

To: writelog@contesting.com, Writelog@groups.io
Subject: [WriteLog] K9JY WriteLog Site Images overlapping Text
From: Scot Herrick via WriteLog <writelog@contesting.com>
Reply-to: Scot Herrick <scot@k9jy.com>
Date: Wed, 12 Apr 2023 20:22:08 +0000
List-post: <mailto:writelog@contesting.com>
All,

(I've been on this reflector too much...)

It's been accurately reported that some images are overlapping the text on 
pages on K9JY.com. I took a couple hours from the day job this morning trying 
to figure out what was happening. The cause is now apparent.

Web sites are supposed to be ‘responsive’, meaning the text and images expand 
and contract with expansion and contraction of the browser. This new theme does 
this differently than my old one…essentially, I created one section per page 
that contained both Text and Images. 

When the browser size changes or you open your browser to a smaller size than 
mine, the text got smaller as it should, but the image sizes stayed the same, 
thus overlapping the text.

The solution to this is to redo the pages such that text and images are 
separated. When that is done, the images and text will both expand and contract 
as your browser expands and contracts. The images expand and contract based on 
an underlying grid on the page; it is not fluid, but a little jerky. Life in 
software world...

I’ve updated the SO2R page as a test to have separate sections for text and 
images and it looks good to me now. I've also done about five sections under 
The Initial Setup group. I'll work through the rest as I have time, but at pace.

In the meantime, if you're seeing images overlapping text, make your browser 
wider and it should help quite a bit.

Thanks for the feedback and patience.

Cheers...Scot, K9JY
_______________________________________________
WriteLog mailing list
WriteLog@contesting.com
http://lists.contesting.com/mailman/listinfo/writelog
WriteLog on the web:  http://www.writelog.com/
<Prev in Thread] Current Thread [Next in Thread>
  • [WriteLog] K9JY WriteLog Site Images overlapping Text, Scot Herrick via WriteLog <=