Sobre seletores

Front-end CSS
#1

Olá pessoal.

O que estou fazendo errado que não consigo determinar o tamanho de 140 por 140px das minhas imagens? Imagino que esteja relacionado ao seletor, mas já tentei de tudo (quase tudo).

<div class="container paineis">
		<section class="painel novidades">
			<h2>Novidades</h2>	
				<ol>
					<li>    <!-- PRIMEIRO PRODUTO-->
						<a href="#">
							<figure>
								<img src="C:\Users\Rafael\Google Drive\Ecentry\Programação\Curso Caelum\mirrorfashion\img\produtos\foto1-azul.png">
								<figcaption>Blusinha Azul</figcaption>
							</figure>
						</a>
					</li> <!-- FIM DO PRIMEIRO PRODUTO-->

CSS está assim:

.painel li{
display: inline-block;
vertical-align: top;
margin: 2px;
padding-bottom: 10px;
}
.painel img{
width: 140px; //segundo a apostila o seletor deveria ser .painel li mas não funciona/
height: 140px;
}
.painel h2{
font-size: 24px;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 10px;
}
.painel a{
color: #333;
font-size: 14px;
text-decoration: none;
text-align: center; /** não está funcionando */
}

Estou tentando colocar o width dentro do seletor “.painel li” mas não está funcionando, então coloquei no “painel img”. Resolveu a largura mas não o comprimento. =/

O código completo está aqui:

Tksss. :wink:

#2

É necessário ver o que está acontecendo, no browser clique com botão direito do mouse na imagem e em “Inspecionar Elemento”, vai abrir uma janela. Verifique se o elemento está selecionado, selecionando se não estiver. Geralmente a direita, aparece uma lista de estilos, verifique se os estilos estão sendo aplicados ou substituídos.

Vc também pode testar:

width: 140px; //segundo a apostila o seletor deveria ser .painel li mas não funciona/
height: 140px;
min-width: 140px;
min-height: 140px;

Teste também em outros browsers.

Acho que // para comentário não funciona em todos os browsers.

[EDIT]

Eu verifique o código completo, testei e a imagem apareceu corretamente com 140px.

#3

Eu não conheço algumas bibliotecas que vc está usando, pode ser que estejam interferindo, tente assim também:

width: 140px !important;
height: 140px !important;
#4

Cara, valeu Diego. O min não resolveu mas testei com max e funcionou.
Muito obrigado pela força e empenho em revisar o código.

Grande abraço ae…