Welcome to the GoFuckYourself.com - Adult Webmaster Forum forums.

You are currently viewing our boards as a guest which gives you limited access to view most discussions and access our other features. By joining our free community you will have access to post topics, communicate privately with other members (PM), respond to polls, upload content and access many other special features. Registration is fast, simple and absolutely free so please, join our community today!

If you have any problems with the registration process or your account login, please contact us.

Post New Thread Reply

Register GFY Rules Calendar
Go Back   GoFuckYourself.com - Adult Webmaster Forum > >
Discuss what's fucking going on, and which programs are best and worst. One-time "program" announcements from "established" webmasters are allowed.

 
Thread Tools
Old 01-14-2021, 12:21 PM   #1
Pink24
So Fucking Banned
 
Industry Role:
Join Date: Aug 2019
Posts: 1,436
Why is my image massive? It not supposed to be big???

Code:
<td style="width: 100%; text-align: center;"><a href="http://www.xxxx.net/site/chaturbate/"><img src="https://xxxx.net/img/chaturbate%20mini.png" alt="Chaturbate logo" width="106" height="40" /></a>
RESULT =



Is my CSS the culprit??

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

from inspect.
Pink24 is offline   Share thread on Digg Share thread on Twitter Share thread on Reddit Share thread on Facebook Reply With Quote
Old 01-14-2021, 01:21 PM   #2
Pink24
So Fucking Banned
 
Industry Role:
Join Date: Aug 2019
Posts: 1,436
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" />
Pink24 is offline   Share thread on Digg Share thread on Twitter Share thread on Reddit Share thread on Facebook Reply With Quote
Old 01-14-2021, 01:47 PM   #3
CurrentlySober
Too lazy to wipe my ass
 
CurrentlySober's Avatar
 
Industry Role:
Join Date: Aug 2002
Location: A Public Bathroom
Posts: 38,550
Could it be anything to do with the %20 in the image name?

Quote:
https://xxxx.net/img/chaturbate%20mini.png
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...
__________________


👁️ 👍️ 💩
CurrentlySober is offline   Share thread on Digg Share thread on Twitter Share thread on Reddit Share thread on Facebook Reply With Quote
Old 01-14-2021, 02:34 PM   #4
NatalieK
Natalie K
 
NatalieK's Avatar
 
Industry Role:
Join Date: Apr 2010
Location: Spain
Posts: 19,213
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
__________________
My official site Semi exclusive custom clips My affiliate programFirst time girls
Skype: gspotproductions - "Converting traffic into income since 2005"
NatalieK is offline   Share thread on Digg Share thread on Twitter Share thread on Reddit Share thread on Facebook Reply With Quote
Old 01-14-2021, 02:57 PM   #5
Pink24
So Fucking Banned
 
Industry Role:
Join Date: Aug 2019
Posts: 1,436
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
Pink24 is offline   Share thread on Digg Share thread on Twitter Share thread on Reddit Share thread on Facebook Reply With Quote
Old 01-14-2021, 02:58 PM   #6
Pink24
So Fucking Banned
 
Industry Role:
Join Date: Aug 2019
Posts: 1,436
Quote:
td??????

hire somebody to write your html for you.
Yeah, I know. I used an online generator.
Thought it would be easier. Sheesh.
Pink24 is offline   Share thread on Digg Share thread on Twitter Share thread on Reddit Share thread on Facebook Reply With Quote
Old 01-14-2021, 03:07 PM   #7
redwhiteandblue
Bollocks
 
redwhiteandblue's Avatar
 
Industry Role:
Join Date: Jun 2007
Location: Bollocks
Posts: 2,792
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.
redwhiteandblue is offline   Share thread on Digg Share thread on Twitter Share thread on Reddit Share thread on Facebook Reply With Quote
Old 01-14-2021, 03:11 PM   #8
NatalieK
Natalie K
 
NatalieK's Avatar
 
Industry Role:
Join Date: Apr 2010
Location: Spain
Posts: 19,213
Quote:
td??????

hire somebody to write your html for you.
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.

Quote:
Originally Posted by Pink24 View Post
Yeah, I know. I used an online generator.
Thought it would be easier. Sheesh.

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
__________________
My official site Semi exclusive custom clips My affiliate programFirst time girls
Skype: gspotproductions - "Converting traffic into income since 2005"
NatalieK is offline   Share thread on Digg Share thread on Twitter Share thread on Reddit Share thread on Facebook Reply With Quote
Old 01-14-2021, 03:24 PM   #9
redwhiteandblue
Bollocks
 
redwhiteandblue's Avatar
 
Industry Role:
Join Date: Jun 2007
Location: Bollocks
Posts: 2,792
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.
redwhiteandblue is offline   Share thread on Digg Share thread on Twitter Share thread on Reddit Share thread on Facebook Reply With Quote
Old 01-14-2021, 06:20 PM   #10
NatalieK
Natalie K
 
NatalieK's Avatar
 
Industry Role:
Join Date: Apr 2010
Location: Spain
Posts: 19,213
Quote:
Originally Posted by redwhiteandblue View Post
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?
__________________
My official site Semi exclusive custom clips My affiliate programFirst time girls
Skype: gspotproductions - "Converting traffic into income since 2005"
NatalieK is offline   Share thread on Digg Share thread on Twitter Share thread on Reddit Share thread on Facebook Reply With Quote
Post New Thread Reply
Go Back   GoFuckYourself.com - Adult Webmaster Forum > >

Bookmarks

Tags
result, supposed, image, massive



Advertising inquiries - marketing at gfy dot com

Contact Admin - Advertise - GFY Rules - Top

©2000-, AI Media Network Inc



Powered by vBulletin
Copyright Đ 2000- Jelsoft Enterprises Limited.