passar da esquerda para a direita

[alexmestre]

olá pessoal

gostaria se me pudessem ajudar,

http://img692.imageshack.us/img692/9203/semttuloasx.jpg -- na imagem voces vêem o rectagulo no lado esquerdo do ecrã, o que quero é passar para o lado direito

.tradutor{
width:30px;
height:100px;
-webkit-border-radius: 5px 0px 0px 5px;
-moz-border-radius: 5px 0px 0px 5px;
border-radius: 5px 0px 0px 5px;
border:2px solid #009;
background:rgba(124,227,73,0.5);
box-shadow: #B3B3B3 4px 4px 4px;
position:fixed;
margin-top:25%;
}

este é o código do rectângulo

Topic Solved

Simplesmente era por no css:

right:inherit;

[Ricardo Gonçalves]

nessa imagem que publicas-te é uma imagem só ou são duas imagens?

[alexmestre]

é so 1

tirei um printscreen e editei no paint para explicar melhor o meu problema

[Ricardo Gonçalves]

no CSS utiliza este código e vê se é o que queres este código inverterá a imagem.

-webkit-transform:rotate(180deg);
-moz-transform:rotate(180deg);

[alexmestre]

todo este codigo cria aquela imagem

.tradutor{
width:30px;
height:100px;
-webkit-border-radius: 5px 0px 0px 5px;
-moz-border-radius: 5px 0px 0px 5px;
border-radius: 5px 0px 0px 5px;
border:2px solid #009;
background:rgba(124,227,73,0.5);
box-shadow: #B3B3B3 4px 4px 4px;
position:fixed;
margin-top:25%;
}

depois no html chamas

<div class="tradutor">
</div>

[Ricardo Gonçalves]

no css metes este código a baixo .

right:-10px;

[alexmestre]

eu nao pus rigth: -10px

o que pus foi right:inherit; para o rectângulo ir para o lado direito

e sim no ficheiro css

[Ricardo Gonçalves]

Sim, podes utilizar essa opção e até é melhor, não me lembrei dela

mas já está a dar todo bem não está?

[alexmestre]

sim.