Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá, boa a tarde a todos,
preciso de uma dica de vocês.
Possuo uma "div" com o nome "centralizada" e como o nome diz a mesma fica centralizada na página, o que preciso e sinceramente não estou conseguindo e posicionar algumas "divs" dentro da principal.
Essas "divs" que estou tentando posicionar são efeitos de "fade", vejam o que possuo:
duv "centralizada"
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Top Rated - Centralizando elemento na página</title></script>
<link href="estilo.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('.efeito_fade').append('<span class="hover"></span>').each(function () {
var $span = $('> span.hover', this).css('opacity', 0);
$(this).hover(function () {
$span.stop().fadeTo(500, 1);
}, function () {
$span.stop().fadeTo(500, 0);
});
});
});
</script>
<style>
.centralizado {
width: 1000px;
height: 750px;
position: absolute;
top: 50%;
left: 50%;
margin: -375px 0 0 -500px;
}
</style>
</head>
<body>
<div class="centralizado">
<h2><br>
<a href="#" name="imagem1" class="efeito_fade" id="imagem1" ></a></h2>
</div>
</body>
</html>
e a div que estou tentando posionar é chamada pelo arquivo externo no link da página e é esse:/ botao 1 /
#imagem1 {
clear: both;
position:relative;
display:block;
height: 330px;
width: 511px;
background:url(images/foto.png) no-repeat;
background-position:0 0;
cursor: pointer;
}position: absolute;
display: block;
height: 330px;
width: 511px;
background: url(images/foto.png) no-repeat;
background-position: bottom;
}
como posso posicionar no centro da div essa outra div?
Valeu e fiquem na paz.Carregando comentários...