The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Help a Swede please!, Images is floating together
M.Julin
post Jul 2 2020, 04:21 PM
Post #1





Group: Members
Posts: 2
Joined: 2-July 20
Member No.: 27,417



Hello.

I am new here and also a newbee when it comes to html.
I got a problem with my webpage that I`m working with.
The images are floating together on some pc:s with lower resolution.
On cell phones and my widescreen (1920x1080px) they are working fine.

Can someone please help me to understand why this is happening?
The link is: https://www.bildeffekt.se/mullsjo8/index.html

Click on: Våra tjänster & Priser.

I am from Sweden and the webpage is on Swedish, and my English
may be funny somehow, forgive me for that ;-)

Best regards Mikael from Sweden.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Christian J
post Jul 3 2020, 04:26 PM
Post #2


.
********

Group: WDG Moderators
Posts: 9,630
Joined: 10-August 06
Member No.: 7



It seems to be a responsive design (meaning the layout changes at a certain width):

https://www.bildeffekt.se/mullsjo8/css/templatemo_main.css
CODE
@media (max-width: 991px) {
    .footer {
        overflow:hidden;
        position:static;
        text-align: center;
        
    }
    .footer-text {
        margin-left: 0;
    }
}

In slightly wider browser windows than that (1200px?) the IMG elements may overlap just a little, maybe because they use a fixed width of 150px while their parent DIV widths use a variable percent width.

A quick fix might be to try a larger value for the @media max-width, so that it kicks in before the images' parent DIVs become too squeezed together. Probably similar changes are needed in the javascript as well, I didn't check that part.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
M.Julin
post Jul 11 2020, 02:13 AM
Post #3





Group: Members
Posts: 2
Joined: 2-July 20
Member No.: 27,417



Thanks for the tip ;-)

Best regards Mikael.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
2 User(s) are reading this topic (2 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 28th March 2024 - 09:40 AM