Capas y divs
Publicado por Javier (2 intervenciones) el 12/08/2009 20:57:01
Hola a todos:
Necesito ayuda!!
Quiero ubicar dentro de un div un archivo.png, pero que quede ubicado como fondo,
en la esquina superior derecha.
Entiendo que debo usar "capas" (z-index) y position, pero lo he intentado y no me funciona.
Les dejo el codigo que tengo (y que creo es donde debo modificar)
///////////////////// estilos.css
#container {background:#c0c0c0 url(../img/body.jpg) repeat-x; margin:0 auto; text-align:left; width:752px; }
#wrap1 {background:#ffffff url(../img/innerbg.gif) repeat-y; border-bottom:1px solid #808080;
border-left:1px solid #808080; border-right:1px solid #808080; clear:both; padding:0; width:750px;}
#wrap2 {background:url(../img/header.jpg) top left no-repeat; padding:10px; width:730px; }
#contentalt {margin:15px 15px 0 180px; position: relative; }
/////////////////// En indice.html:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="description" content="a" />
<meta name="keywords" content="b" />
<meta name="author" content="c"" />
<link rel="stylesheet" type="text/css" href="../css/estilos.css" title="estilos" media="screen,projection" />
<title>xxx</title>
</head>
<body>
<div id="container">
<div id="wrap1">
<div id="wrap2">
<div id="contentalt">
<!-- En este container es donde quiero ubicar una imagen.png,
arriba a la derecha y que quede como fondo.
¨es posible? ¨Se debe hacer de otra forma?
¨Se deber¡a crear otro div contenedor y dentro de ‚ste
recien poner a "contenalt" ?
Desde ya muchas gracias.
-->
</div>
</div>
</div>
</div>
</body>
</html>
Gracias anticipadas por la respuesta.
Saludos
Javier
Necesito ayuda!!
Quiero ubicar dentro de un div un archivo.png, pero que quede ubicado como fondo,
en la esquina superior derecha.
Entiendo que debo usar "capas" (z-index) y position, pero lo he intentado y no me funciona.
Les dejo el codigo que tengo (y que creo es donde debo modificar)
///////////////////// estilos.css
#container {background:#c0c0c0 url(../img/body.jpg) repeat-x; margin:0 auto; text-align:left; width:752px; }
#wrap1 {background:#ffffff url(../img/innerbg.gif) repeat-y; border-bottom:1px solid #808080;
border-left:1px solid #808080; border-right:1px solid #808080; clear:both; padding:0; width:750px;}
#wrap2 {background:url(../img/header.jpg) top left no-repeat; padding:10px; width:730px; }
#contentalt {margin:15px 15px 0 180px; position: relative; }
/////////////////// En indice.html:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="description" content="a" />
<meta name="keywords" content="b" />
<meta name="author" content="c"" />
<link rel="stylesheet" type="text/css" href="../css/estilos.css" title="estilos" media="screen,projection" />
<title>xxx</title>
</head>
<body>
<div id="container">
<div id="wrap1">
<div id="wrap2">
<div id="contentalt">
<!-- En este container es donde quiero ubicar una imagen.png,
arriba a la derecha y que quede como fondo.
¨es posible? ¨Se debe hacer de otra forma?
¨Se deber¡a crear otro div contenedor y dentro de ‚ste
recien poner a "contenalt" ?
Desde ya muchas gracias.
-->
</div>
</div>
</div>
</div>
</body>
</html>
Gracias anticipadas por la respuesta.
Saludos
Javier
Valora esta pregunta
0