Why is my image massive? It not supposed to be big???
 

RESULT =

https://i.imgur.com/619J9VT.png

Is my CSS the culprit??

img {
display: block;
height: auto;
max-width: 100%;
width: 100%;
}

from inspect.

Tried this inline CSS but it doesn't even show up??

<style>
#logos {
display: inline-block;
width:100%;
}
</style>

<div id="logos">
<img style="display: inline; margin: 0 5px;" title="" src="https://xxxx.net/img/chaturbate%20mini.png" alt="Chaturbate logo" width="106" height="40" href="https://xxxx.net/site/chaturbate" />

Could it be anything to do with the %20 in the image name?

I know that the %20 is shorthand for a 'space' but have you tried renaming the image to https://xxxx.net/img/chaturbate-mini.png and relinking it with a hyphen as opposed to a space, which creates the '%20' ?

Disclaimer - I know FUCK ALL about css etc, but I have had problems (in other ways) with a space being displayed as %20 before... :2 cents:

is this the only td you have in the tr?


it´s 100%, so looking to make the logo fill the whole of the width...

hope that makes sense.

remove the width 100%, try it for a moment

No, neither of these made any difference.

I tried renaming the file to chaturbate-mini and removed the 100%.

I think it's something to do with the css file which is overriding the php

Yeah, I know. I used an online generator.
Thought it would be easier. Sheesh.

Your problem is

width: 100%
max-width: 100%

You need to set the max-width to whatever the actual width of the image is (106px I guess) or whatever the biggest size you want it to be. 100% sets it to whatever size the parent element is with no maximum restriction.

tr is your rows down the page and td is your cells across the page, so as pink has used just one td, with width 100%, the image is filling the whole of the width.


I agree with pete, hire someone to make your site or use a site design like WP and add the logo to the logo area on the WP site :2 cents:

You don't need to change the width settings if you want a responsive page. You only need to set the max-width value to a fixed value. Setting it to a percentage doesn't make a lot of sense. Keep the "width="106" height="40" attributes in the html to avoid CLS issues, and if you don't know what that is look it up, it's going to become important.

if it´s a responsive page, html5, it shouldn´t need td and tr´s, should it?

isn´t it all div?