como hacer fondo en fondo

[xlos_mas_pro]

Hola a todos tengo la siguiente pregunta si mira esta paginahttp://www.pixelpress.com.mx/ se daran cuenta de que hay un container que es el que tiene el sitio el header y el contenido y abajo de eso se encuentra otra cosa con el footer y un imagen debajo de la cabecera como hago eso queria saber si es nesesario hacerlo con position:absolute o existe otra forma


gracias de antemano por dedicar de su tiempo a responder preguntas

[emprear]

xlos_mas_pro:
Por favor se más claro con la explicación, porque yo al menos no entiendo que querés decir. o que querés saber como está hecho.
en esa página hay dos divs principales, header y contenedor, y para el fondo usan esta imagen
http://www.pixelpress.com.mx/imagenes/fondo-pagina.jpg
con repeat-x

saludos

[xlos_mas_pro]

si pero como hacen para meter esa imagen que se ve de colores debajo del contenedor sin que se descuadre la pagina al agrandarlo y el footer que se ve que esta debajo de el contenedor

[Raziel_Ravenheart]

Ps si miras el código css que tienen, o una parte en donde declaran el fondo del body

Código CSS:

*{margin:auto;}
body {  font:13px Trebuchet MS, Arial, Helvetica, sans-serif;
  color:#000;
  margin:auto;
  background:#353350 url(fondo-pagina.jpg) repeat-x;
  text-align:justify;}
 

la parte interesante es la del background

Código CSS:

background:#353350 url(fondo-pagina.jpg) repeat-x;
 

y así es como pones una imagen de fondo sin que tengas que utilizar etiquetas como img o divs con position: absolute. Por otro lado una parte del fondo está añadida.. por que si es una imagen insertada con una etiqueta img, pero no creo que eso importe.

además parte de sus efectos, se los deben a utilizar una librería como prototype y su complemento para interfaces de usuario que es el scriptaculous, además del lightbox y otros trucos más. Otra forma para saber si una imagen es o no un fondo establecido con css, es intentar arrastrarla,.. ya sabes, dando click sostenido y moviendo el mouse, si la imagen se puede arrastrar, está incrustada con una etiqueta normal img, y si no, es por que está siendo mostrada con la propiedad background-image. El hecho que utilicen solo el atributo background para declarar varias propiedades, se debe a que muchos atributos de css permiten una versión shorthand, o corta... ;).

mira parte del código que tienen.. esto lo hago solo como una referencia para que estudies, no para que lo utilices, ya que si haces esto, no aprendes que es lo más importante y estarás robando el trabajo de otra persona... utilízalo solo como una guía de estudio.

Código HTML:

<link rel="stylesheet" type="text/css" href="imagenes/estilo.css"/>
<link rel="stylesheet" type="text/css" href="lightbox/lightbox.css" />
<script type="text/javascript" src="lightbox/prototype.js"></script>
<script type="text/javascript" src="lightbox/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="lightbox/lightbox.js"></script>
 

Lightbox: Version 2

Utiliza toda esta info para mejorar tu comprendimiento de la web y tus diseños

exitos

[Raziel_Ravenheart]

el de la cabecera es esta

Código CSS:

#cabecera
  {   background: url("fondo-cabecera2.jpg") no-repeat scroll 0 0 transparent;
    height: 476px;
    margin: 4px auto auto;
    padding-top: 4px;
    width: 1101px; }
 

está acá
http://www.pixelpress.com.mx/imagene...-cabecera2.jpg



Aprovecha a ver el código y las imágenes, pero ya sabes.. como ejemplo, sin robarlas, aunque yo se que están excelentes... xD

[xlos_mas_pro]

Gracias amigo me ha servido mucho te llevas KARMA :D GRACIAS