Ir para o conteúdo
  • Revista PROGRAMAR: Já está disponível a edição #60 da revista programar. Faz já o download aqui!

Minileandro

Colocar imagem corretamente na div

Mensagens Recomendadas

Minileandro

Olá pessoal, eu tenho aqui uma questão

Sempre que crio uma div e tento colocar uma imagem, eu nunca sei como colocar no sitio que quero

Exemplo, eu criei essa div -> http://prntscr.com/jjqzcb

A parte azul escura é a imagem que quero colocar no sitio certo, neste caso, a imagem está muito para baixo (passa para baixo, onde não existe mais a zona redonda) e eu gostava de saber como puxar para qualquer lado, tipo para cima, para baixo (para a direita,centro,esquerda eu sei)

Espero que tenha explicado bem, agradeço quem me ajudar.

Aqui os códigos

HTML:

<html>
<head>
<link rel="stylesheet" href="style_test.css">
<title>CPI Mod</title>
</head>
<body>
<div class="version">
<img width="1500" height="600" src="teste.png" align="">
</body>
</html>

Css:

.version{
	position: absolute;
    left: 4px;
    top: 10px;
	width:1330px;
	height:50px;
	overflow:hidden;
	background: url('background.png') top no-repeat;
	padding-top: 27px;
	padding-left: 24px;
	border-radius: 40px;
	box-shadow: 3px 3px #376c93;
	
border: 2px;
    border-radius: 30px;
}

 

Partilhar esta mensagem


Ligação para a mensagem
Partilhar noutros sites

Crie uma conta ou ligue-se para comentar

Só membros podem comentar

Criar nova conta

Registe para ter uma conta na nossa comunidade. É fácil!

Registar nova conta

Entra

Já tem conta? Inicie sessão aqui.

Entrar Agora

×

Aviso Sobre Cookies

Ao usar este site você aceita os nossos Termos de Uso e Política de Privacidade. Este site usa cookies para disponibilizar funcionalidades personalizadas. Para mais informações visite esta página.