Imagens e CSS

[VernonLacerda 0]

Quero alterar propriedades de imagens por css, alguém sabe como?

[Illidan 0]

Bom, não sei se entendi sua pergunta direito, mas... seria da mesma forma que você altera as propriedades pra qualquer outra tag:

você rastreia ela por uma classe, um id ou pela própria tag (img). Se não for isso sua dúvida, explica um pouco melhor o que você está tentando fazer...

 

Até mais!

[VernonLacerda 0]

Bom, não sei se entendi sua pergunta direito, mas... seria da mesma forma que você altera as propriedades pra qualquer outra tag:

você rastreia ela por uma classe, um id ou pela própria tag (img). Se não for isso sua dúvida, explica um pouco melhor o que você está tentando fazer...

 

Até mais!

<{POST_SNAPBACK}>

Por exemplo, criar um estilo, para que todas as imagens fiquem do mesmo tamanho. É q tô recém aprendendo css então não sei como se faz.

[alexsauer 0]

É fácil...Digamos que todas as imagens estejam dentro de uma DIV chamada FIGURAS...Dae, pra que todas as imagens dentro dela fiquem com a mesma proporção, você faz assim no CSS:#figuras img {width:200px;}Era issu msm que você queria?

[VernonLacerda 0]

É fácil...

Digamos que todas as imagens estejam dentro de uma DIV chamada FIGURAS...

Dae, pra que todas as imagens dentro dela fiquem com a mesma proporção, você faz assim no CSS:

 

#figuras img {

width:200px;

}

 

Era issu msm que você queria?

<{POST_SNAPBACK}>

Era isso mesmo, kra, valeu pela dica. Aí, coloco todas as propriedades que eu quiser direto com o nome da propriedade (width, heigth, etc) dentro da class?

[alexsauer 0]

Bah, axo q num entendi tua pergunta, mas vou falar mais:Se fizeres conforme o exemplo acima, todas as imagens que estiverem dentro da DIV vaum ser afetadas ok!?!Assim:<div id="figuras"> <img src="" alt="" /> <img src="" alt="" /></div>Deste modo todas elas terão largura 200px;Mas tu também pode atribuir diferentes propriedades às imagens, por exemplo:#figuras .estilo1 {width:200px;padding:10px;}#figuras .estilo2 {width:300px;border:2 solid #000;}Deste modo, tu pode rastrear as imagens assim:<div id="figuras"> <img class="estilo1" src="" alt="" /> <img class="estilo1" src="" alt="" /> <img class="estilo2" src="" alt="" /> <img class="estilo2" src="" alt="" /></div>Se issu não te ajdou em nada, explica melhor tua dúvida....

[VernonLacerda 0]

Bah, axo q num entendi tua pergunta, mas vou falar mais:

Se fizeres conforme o exemplo acima, todas as imagens que estiverem dentro da DIV vaum ser afetadas ok!?!

 

Assim:

 

<div id="figuras">

  <img src="" alt="" />

  <img src="" alt="" />

</div>

 

Deste modo todas elas terão largura 200px;

 

Mas tu também pode atribuir diferentes propriedades às imagens, por exemplo:

 

#figuras .estilo1 {

width:200px;

padding:10px;

}

 

#figuras .estilo2 {

width:300px;

border:2 solid #000;

}

 

Deste modo, tu pode rastrear as imagens assim:

 

<div id="figuras">

  <img class="estilo1" src="" alt="" />

  <img class="estilo1" src="" alt="" />

 

  <img class="estilo2" src="" alt="" />

  <img class="estilo2" src="" alt="" />

</div>

 

Se issu não te ajdou em nada, explica melhor tua dúvida....

<{POST_SNAPBACK}>

Era isso mesmo. Valeu.