Tengo una imagen dentro de un div, la carga muy bien, pero lo que no logro es moverla hacia abajo, quiero centrarla y no puedo moverla no se como, he intentado con
Código CSS :
padding: 200px 0 0 0;Pero nada, tambien simplemente con:
Código CSS :
padding-top: 200px;
Código CSS :
padding-left: 400px;pero sin resultado alguno.
Aqui les dejo parte del codigo HTML [Esta entre el div CONTENT y el div id="box"]
Código HTML :
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>RS-Login</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="swap.js"></script>
</head>
<body>
<div id="contenedor">
<div id="header">
<div id="logo"><img src="img/logo.jpg" /></div>
<div id="acceder"><a href="asdf" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('acceder','','img/acceder_over.jpg',1)"><img src="img/acceder.jpg" name="acceder" /></a> <a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Cuenta','','img/cuenta_over.jpg',1)"><img src="img/cuenta.jpg" name="Cuenta"/></a></div>
</div>
<div id="content">
<div id="box"></div>
</div>
<div id="footer">
</div>
</div>
</body>
</html>
Aqui el CSS del DIV content
Código CSS :
#content{
background-repeat:no-repeat;
marging-top:200px;
background-image:url(img/box.jpg);
width:600px;
height:400px;
}
La imagen sigue apareciendo asi:
Como ven no puedo separar la caja del header. Alguna sugerencia? Gracias.
NOTA: Estoy usando la imagen en el div llamandola desde CSS por que encima tengo que poner 2 campos de Texto, Login y Password. Gracias por su ayuda.
