Website errors |
Website errors |
Jeckcoeler |
Jul 14 2019, 05:47 AM
Post
#1
|
Novice Group: Members Posts: 22 Joined: 14-July 19 Member No.: 26,933 |
Dear,
I am working to build up a website with Blogger and I’m a beginner in HTML. This is my current website that I am still working at: https://howtoplaystation.blogspot.com/ Can you please help me with these problems? 1) Why is my logo at top-left blurred? How can I fix it? 2) Why are the pictures on the right side( popular tab) cropped? How can I fix it? They are also cropped here: https://howtoplaystation.blogspot.com/2019/07/blog-post.html at the bottom( in the “YOU MIGHT ALSO LIKE” tab) Thank you very much in advance! |
Darin McGrew |
Jul 14 2019, 05:38 PM
Post
#2
|
WDG Member Group: Root Admin Posts: 8,365 Joined: 4-August 06 From: Mountain View, CA Member No.: 3 |
QUOTE 1) Why is my logo at top-left blurred? How can I fix it? The HTV logo in the top left is resized by the browser. On top of that, you've specified one size in the height and width properties, and a different (smaller) size in the max-height and max-width properties. My guess is that different browsers will handle the resizing differently, although the logo doesn't look particularly blurred to me when I view the page.QUOTE 2) Why are the pictures on the right side( popular tab) cropped? How can I fix it? That's caused by the "overflow: hidden" property.But you're also resizing these large images to thumbnail sizes as well. Don't do that. Create images of the size you want and use them. Don't have the browser resize images. |
Jeckcoeler |
Jul 15 2019, 11:49 AM
Post
#3
|
Novice Group: Members Posts: 22 Joined: 14-July 19 Member No.: 26,933 |
QUOTE 1) Why is my logo at top-left blurred? How can I fix it? The HTV logo in the top left is resized by the browser. On top of that, you've specified one size in the height and width properties, and a different (smaller) size in the max-height and max-width properties. My guess is that different browsers will handle the resizing differently, although the logo doesn't look particularly blurred to me when I view the page.QUOTE 2) Why are the pictures on the right side( popular tab) cropped? How can I fix it? That's caused by the "overflow: hidden" property.But you're also resizing these large images to thumbnail sizes as well. Don't do that. Create images of the size you want and use them. Don't have the browser resize images. Thank you very much. I fixed the logo issue, that is why it isn't blurred anymore. But the images are still cropped and I am really a total beginner so can I change something in the HTML of the website to fix the cropped images? Thank you again! |
pandy |
Jul 15 2019, 12:19 PM
Post
#4
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,730 Joined: 9-August 06 Member No.: 6 |
Don't use 'overflow: hidden'?
|
Jeckcoeler |
Jul 15 2019, 03:32 PM
Post
#5
|
Novice Group: Members Posts: 22 Joined: 14-July 19 Member No.: 26,933 |
|
pandy |
Jul 25 2019, 10:00 AM
Post
#6
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,730 Joined: 9-August 06 Member No.: 6 |
|
Lo-Fi Version | Time is now: 24th April 2024 - 03:38 AM |