Help - Search - Members - Calendar
Full Version: Website errors
HTMLHelp Forums > Web Authoring > Web Site Functionality
Jeckcoeler
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
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
QUOTE(Darin McGrew @ Jul 14 2019, 05:38 PM) *

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
Don't use 'overflow: hidden'?
Jeckcoeler
QUOTE(pandy @ Jul 15 2019, 12:19 PM) *

Don't use 'overflow: hidden'?

So I should delete 'overflow:hidden' from the HTML of the website? But there a lot of them. Sorry if this was a stupid question.
narjis infotech
hi
narjis infotech
Darrin has answered it perfectly..........
pandy
QUOTE(Jeckcoeler @ Jul 15 2019, 10:32 PM) *

QUOTE(pandy @ Jul 15 2019, 12:19 PM) *

Don't use 'overflow: hidden'?

So I should delete 'overflow:hidden' from the HTML of the website? But there a lot of them. Sorry if this was a stupid question.


Just don't use it for the logo.
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2019 Invision Power Services, Inc.