Publicado em 5 de jun.

Imagem em cima da outra canto direito CSS

Ola, eu estou com um problema onde a imagem da minha classe cads, nao esta ficando no canto right da imagem da div formu.

A imagem cads esta passando da div FORMU e esta ficando no canto do site isolada. Queria saber como boto a imagem cads no canto right da imagem da formu, PS: o maximo que consegui foi que ela ficasse do lado left, ja no right nao esta ficando.

<div id="formu">
<div class="cads">
</div>
</div>

#formu {
	margin: 0 auto;
	width: 960px;
	height:30px;
	opacity:0.8;
	background-image:url(../images/cads2.png);
}
.cads {
	position:absolute;
	top:0px;
	right: 0px;
	width:115px;
	height:60px;
	opacity:0.80;
	background-image:url(../images/cads.png);
}

Discussão (5)

Entre ou cadastre-se para participar da discussão

Entrar Criar conta

L. Henrique· 6 de jun.

Tente essa opção:

.cads {
 position:absolute;
 top: 0px;
 right: 0px;
 width:115px;
 height:60px;
 opacity:0.80;
 background-image:url(../images/cads.png);
 float: right;
}

Veja um exemplo bem simples que preparei no JSFiddle.

Madk· 7 de jun.

Nao esta indo, a imagem esta ficando isolada no lado right, nao esta ficando na direita da imagem do formu. :/

Carlos Henrique A.· 8 de jun.

@MadkUse dessa forma:

.cads {
 width:115px;
 height:60px;
 opacity:0.80;
 background-image:url(../images/cads.png);
 float: right;
}

O que fiz foi retirar os atributos: position, top e right. Para dessa forma então a classe .cads virar filha "dependente" da formu.

Maujor· 8 de jun.

Basta acrescentar a declaração position: relative; no seletor #form:

#formu {
 position: relative;
 /* permanece igual */
 }

Veja como fica em http://codepen.io/Maujor/pen/QEywWQ

Madk· 10 de jun.

Muito obrigado, funcionou :) estava quebrando a cabeça pra resolver e, muito obrigado pelos ensinamentos Maujor, aprendi muitas coisas no seu site de CSS :), Vlw pessoal que ajudou.