duda sobre el background

herwex · #1 (**permalink**) 03/11/2011, 17:44

hola estoy desarrollando un portal y quiero implementar lo siguiente: que se vea como la siguiente link que pondre

Código PHP:

  http://www.ibm.com/developerworks/data/library/techarticle/dm-0807patel/index.html?ca=drs-

pongo esa pagina por que fue la que encontre como lo quiero...

esto es a los extremos poner un color que como se ve en la pagina es gris y en el centro blanco....

como se hace esto.... quedo al pendiente de su ayuda!!!

emprear · #2 (**permalink**) 03/11/2011, 20:47

El body tiene como fondo una imagen, y el contenido está en capas con diferentes colores y/o imágenes de fondo.

SAludos

herwex · #3 (**permalink**) 03/11/2011, 22:40

Me podrias dar un ejemplo de eso... por fas!!! pa entender sencillo osea colores basicos negro al fondo y lo de en medio blanco!!!!

emprear · #4 (**permalink**) 04/11/2011, 00:13

Código HTML:

Ver original<!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>
<title>titulo</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
 
<style type="text/css">
/*<![CDATA[*/
 
html, body{
height :100%;
padding: 0px;
margin: 0px;
}
body {
background-image: url('fondo.jpg');
}
 
div{
background-color: cyan;
width: 900px;
height: 100%;
margin: 0px auto;
}
 
/*]]>*/
</style>
</head>
<body>
<div>
Contenido
</div>
</body>
</html>

solo tenes que poner tu imagen

Saludos

kramerIXI · #5 (**permalink**) 04/11/2011, 04:56

Cita:

Iniciado por emprear

Código HTML:

Ver original<!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>
<title>titulo</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
 
<style type="text/css">
/*<![CDATA[*/
 
html, body{
height :100%;
padding: 0px;
margin: 0px;
}
body {
background-image: url('fondo.jpg');
}
 
div{
background-color: cyan;
width: 900px;
height: 100%;
margin: 0px auto;
}
 
/*]]>*/
</style>
</head>
<body>
<div>
Contenido
</div>
</body>
</html>

solo tenes que poner tu imagen

Saludos

Viendo esto me surge una pregunta, ¿que tal de correcto seria dar el fondo a la etiqueta <html> y luego ya el fondo de la pagina a <head>?

No se si me explico. Un saludo

emprear · #6 (**permalink**) 04/11/2011, 06:42

Lo correcto es lo que te pasé, el head no puede ser "estilizado". Revisa algún manual html

Saludos