Home Upgrade Search Memberlist Extras Hacker Tools Award Goals Help Wiki Contact

CSS how to make image not dependant on its div container size

solved

I have a div with a specified size on my wordpress theme.

What Is the problem is that My images are getting scaled from 100% to 90% automatically and i cant fix it.

They containt TEXT so its getting BLURRED, ugly! cant read it.


What I want to do is to stop images from getting scaled WITHOUT increasing the size of this div, because it contains a lot of other visual elements that will break.



How can I do that?

Im thinking of something like

img {
   width:110% !important;
}

But it doesnt work.

I believe the div is limiting it. Because image width is  dependant on div width.
But how to do it?



 nvm i used max-width:150% for image

thanks
Try creating a class that removes the width requirements of an image.

Code
img {
   max-width: none;
   min-wdith: none;
}
Use viewport height & width for responsiveness.


Possibly Related Threads...
Thread / Author Replies Views Last Post
by oxagastSep 3, 2022 07:52 AM 0 197 Sep 3, 2022 07:52 AM
Last Post: oxagast
by EffexionApr 15, 2021 05:12 AM 10 278 Apr 15, 2021 05:12 AM
Last Post: Goku
by CarrotDec 24, 2020 12:16 PM 0 244 Dec 24, 2020 12:16 PM
Last Post: Carrot