redimensionar imagem

[webcore 0]

Olá pessoal, seguinte. Tenho um layout de 2 colunas

CODE

#pictures{ Coluna da Esquerda

float: left;

width: 79%;

height: 126px;

margin-top: 10px;

margin-left: 10px;

background: transparent;

}

 

#pictures ul{

list-style: none;

}

 

#pictures li{

list-style: none;

display: inline;

width: 252px;

height:126px;

}

 

 

#links{ coluna da direita

margin-top: 10px;

float: right;

width: 20%;

height: auto;

background: #212121;

}

na div pictures vão 3 imagens dentro da <li> eu preciso redimensiona-las conforme a resolução do monitor..

imaginei definir o tamanho da imagem no proprio html com width="100%" e height="100%" ela se limitaria a usar os 100% dentro do tamanho determinado na <li> mas nao rolou. como posso fazer isso? para alterar os arquivos css vou precisar usar js, o que nao manjo nadica ?

 

como posso redimensionar i imagem via css?

bom dia à todos

[rev087 0]

É só aplicar um width/height na imagem. No container (no caso a <li>) só não basta.

Não testei, mas deve funcionar...

#pictures li img {
  width: 100%;
  height: 100%;
}

Mas imagens redimensionadas assim não ficam muito bonitas.