Images not fitting Div

Submitted by StephenBerry on Sun, 2021-09-05 09:45

I am attempting to create an image container where different sized images (height and width) fit in a div so that they all look the same height and width - think slide show. What I have created so far, does shrink the images but does not alter them to fit. So, although the same width, they are not the same height. I have attached an image of how the images look.

This is the css:

.col {
  width: 80%;
  margin: auto;
}
.colcontainer {
  vertical-align: top;
  width: auto;
  height: auto;
}
.colcontainer img {
  width: 75%;
  height: 75%;
  object-fit: contain;

Change div position on youtube (screenshot included) (hard case)

Submitted by ebaltvoirot on Thu, 2021-01-14 11:19

Hi, could you please help me to move the div from one position to another? Screenshot:
https://cdn-images.imagevenue.com/5b/c8/bf/ME12U0GE_o.jpg
I can move the whole #meta but I need to move only ytd-video-meta-block

DIV hover change sizing - showing text

Submitted by MartinSK on Fri, 2019-06-07 17:38

Hey guys, I wanna ask you how to make some div with hover with one will change sizes and after that some text will show up becouse
text is too big for div in basic size.
Thanks for some help.

Divs don't expand to fit in rollover image hyperlinks

Submitted by jasonxweb on Wed, 2016-05-04 03:45

Hello everyone,

Hello everyone,

I am trying to make a navigation bar. I want the buttons to be image hyperlinks that change opacity on hover and click. This is how I am doing it:

<style>
	.jw-button a:link,
	.jw-button a:visited
	{
		border: 2px dotted orange;	
		opacity: 0.6;
		overflow: hidden;
	}
 
	.jw-button a:hover,
	.jw-button a:active
	{
		border: 2px dotted yellow;	
		text-decoration: none; /* to remove the little line */
		opacity: 0.95;
		overflow: hidden;
	}
</style>
 
<body>
 
	<div class="jw-button"> 
 

Div with "width: auto;" not auto-expanding & "display: inline;" not working on its own. Why is this happening?

Submitted by jasonxweb on Mon, 2015-08-03 07:23

Hi everyone,

Can anyone tell me why my div is not auto expanding to fit its contents, even though I set "width: auto;" ?
Also, why does my "display: inline;" not work?

You can see what I mean here:  http://www.jasonwangart2.blogspot.ca/

Question 1: I set the div-with-thick-red-dashed-border to "width: auto;", but the inner divs are wrapping for some reason, and the div-with-thick-red-dashed-border is not expanding horizontally to contain more divs.

Syndicate content