Jump to content

.London Domains - £4

New website page picture not displaying properly.

html css php

  • Please log in to reply
1 reply to this topic

#1 Gee_suss

  • Member
  • Newbie
  • 3 posts

Posted 28 October 2019 - 23:33

Hello. I am having some problems with pictures not properly displaying on a website. I have added the picture and created a div.tag for it and also added it to the CSS but it simply will not show properly. I will attach some pictures so you can see how it is being cut off.  It is really baffling me why the new pages I have added have the pictures being cut off while the older pages render the pictures perfectly. The Eastcheap picture is how the size should be (more square) but they are showing more rectangular. Any help would be massively appreciated. Kind Regards

Attached Files

  • 0

#2 MikeChipshop

  • Overlord
  • Mini Member
  • 4,695 posts

Posted 01 November 2019 - 09:56

From what I can see, you are using background-size:cover; which adjusts the size of the image to fill the container, so in this case the container will only ever be as high as the text next to it.

To test if this is the fact, add more text to the column next to the rectangular image and see if that makes a difference and report back. 

  • 0

Also tagged with one or more of these keywords: html, css, php

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users