Div com moldura em uma Foto

[RinaldFN 0]

Olá a todos,

 

Eu tenho várias imagens em meu site, e gostaria que todas elas ficassem com uma determinada moldura, que seria uma div.

As imagens são de diferentes tamanhos, então gostaria que a div moldura aumentasse e dominuisse conforme o tamanho da imagem.

Tanto no Firefox, quanto no IE, a largura da div fica do tamanho da tela, e não fica colado na imagem com eu gostaria.

 

 

Usei este CSS:

<style type="text/css">.moldura{background-color:#999999;border:1px solid #333333;padding:15px;}</style></head>

E no html isso:

<div class="moldura"> <img src="quadrado.gif"></div>

 

Se alguem puder dar uma dica valeu!

[bluereal 0]

:D Ué...Por que não coloca borda diretamente na imagem, em vez de criar mais uma div só para isso?Blue

[RinaldFN 0]

Olá amigo,Eu realmente preciso fazer a borda com CSS, justamente para não precisar fazer na imagem.Alguem tem alguma solução?

[Giovani 104]

<style type="text/css">#suaDiv{	margin: 0 auto;	height: 400px;	width: 500px;	background-color:#fff;}#suaDiv img{ border: 3px solid #f60;}</style>

 

<div id="suaDiv"> <img src="quadrado.gif"></div>

Isso não ajuda você Rinaldo??? http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[bluereal 0]

Mas era isso mesmo que eu estava falando - de colocar uma borda na imagem, via css...do jeitinho que o Gio falou (oi, Gio, tudo bem?).Não imaginei outra coisa não. Se você quer uma borda, então coloca a borda... no 'antigo' wysiwyg era assim também - toda imagem pode levar uma borda, se quiser... ahuahua... :D Agora, se você quiser colocar um espaço entre a borda e a div, então coloca um padding qualquer na div.Você pode até colocar um branco 'sujo' na div, e um padding inferior maior, deixando a imagem mais pra cima, dando um efeito 'polaroid' no final.abrs,Blue :)

[Giovani 104]

É isso Rinaldo...acho q isso resolve o seu problema, correto? http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Qualquer coisa posta ai novamente!

 

Abraços!!!!

 

Blue Oi!!!! Comigo está tudo ótimo, e como você??? http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

[RinaldFN 0]

Isso mesmo pessoal, agora deu certo.Uma ultima dúvida: Nestes casos, manipular as dives etc.. é melhor usar class, ou id para identitificar?Qual seria a diferença?

[Giovani 104]

Rinaldo,

 

Quem sabe esse link ajude você!

"id" ou "class"

 

Abraços! http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif