Problema com CSS

[Marco A Castro 0]

Ola, Galera

 

Como faço para aumentar uma imagem para uma dimensão maior que o máximo dela com css para as imagens na tag <img>?

 

Exemplo: Tenho um dimensão de 400x200 (máximo) e aumenta-la para 700x400, mesmo que perca qualidade.

[William Bruno 1501]

img { width: 700px; height: 400px; }

[Marco A Castro 0]

img { width: 700px; height: 400px; }

Já fiz isso, amigo. Mas o máximo que acontece é a imagem do fundo que cresce. To achando que não tem como aumentar a imagem que passa do tamanho máximo.

 

 

A imagem com essa dimensão:

 

 

O código para dessa imagem:

#slider {
           -moz-box-shadow:0 0 10px #333333;
           background:url("images/loading.gif") no-repeat scroll 50% 50% #202834;
           width:700px; 
           height:400px; 
           margin-top:20px;
           margin-bottom: 25px;
           margin-left: 10px;
       }
       #slider img {
           position:absolute;
           top:0px;
           left:0px;
           width:700px; 
           height:400px; 
           display:none;
       }
       #slider a {
           border:0 none;
           display:block;
       }

[William Bruno 1501]

mostre como está o codigo html.

 

veja que se tiver inline, vai sobrescrever a tua declaração do css.