Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

jotaerre10

com OVERFLOW

Por , em Desenvolvimento frontend

Recommended Posts

jotaerre10    0

jotaerre10
Postado

caros colegas,

 

estou usando o overflow:hidden para qndo a imagen for maior que a minha div..

 

agora, como faço para centralizar isso, ou seja, para mostrar o centro da imagen mesmo q ela seja maior!!!

 

o código

 

<style type="text/css" media="all">

	#quadro{ display:block; width:250px; height:250px; background:#FF0000; overflow:hidden;  }

</style>



<body>

	<div id="quadro">
	
		<img src="INTRANET/admin/dir/imgs_news/a,,bddhcehf-ex,aa.jpg" />
	
	</div>

</body>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Mau B. Miranda    0

Mau B. Miranda
Postado

Fala ae jotaerre10, beleza!!

Cara não entendi muito bem o q você precisa!!! :unsure:

você quer centralizar a <div>, ou centralizar a imagem dentro da <div>??!

 

Para centralizar o q está dentro da <div> você pode colocar "text-align:center" no css!!! Só q isso só vai fazer centralizar horizontalmente!!!

 

Para centralizar a <div> você pode usar "margin:0 auto" no css da <div> e no body coloca "text-align:center"!!

 

Se não for isso, coloca uma imagem +/- do q você precisa!!! http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

 

 

[]'s

Compartilhar este post

Link para o post
Compartilhar em outros sites

jotaerre10    0

jotaerre10
Postado

a parada é a seguinte...

 

a div tem 250 de altura por 250 de largura, qndo coloco uma figura dentro dela o normal é a imagem 'estourar' a div, certo?? então...

 

usei o overflow:hidden para naum aparecer a imagem fora da div...

 

ai esta minha dúvida, queria mostar o centro da imagen, seria algo como controlar o left e o center do background_position.. sacou????

 

vou tentar postar alguma imagem aqui .....

Compartilhar este post

Link para o post
Compartilhar em outros sites

programador php    0

programador php
Postado

cara você tem que colocar a imagem de fundo na div

 

 

para fazer isso que quer!!!

 

 

 

#quadro {
		width: 250px;
		height: 250px;
		overflow: hidden;
		background: transparent url(suaimagem.jpg) no-repeat center center;
	}

 

espero ter ajudado

 

 

abraço

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito