Ir para conteúdo

Arquivado

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

rafinhaphp

Problemas com display:inline

Recommended Posts

utilização do clip...

<html>
<head>
<style>
* {
	margin: 0;
	padding: 0;
}
ul li {
	position: relative;
	width: 150px;
	height: 150px;
	margin: 10px;
	padding: 20px;
	background-color: #ccc;
}
ul li span {
	float: left;
	width: 150px;
	height: 150px;
	clip: rect(0px 150px 150px 0px);
	position: absolute;
}
</style>
</head>
<body>
<ul>
	<li><span><img src="http://marianeverri.files.wordpress.com/2009/03/bxk57191_gato-branco800.jpg" /></span></li>
	<li><span><img src="http://3.bp.blogspot.com/_TSvly6B1EI0/SByQLItEUWI/AAAAAAAADBQ/LdzqHPhyxDU/s400/gato-de-botas.jpg" /></span></li>
	<li><span><img src="http://osvaldobatista.files.wordpress.com/2007/12/maior-gato.jpg" /></span></li>
</ul>
</body>
</html>
Pensei em usar border no teu caso, mas tô meio sem tempo de testar aqui..

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

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