Foros del Web » Creando para Internet » Diseño web »

Colocar dos imágenes de fondo, "footer" y "header".

Estas en el tema de Colocar dos imágenes de fondo, "footer" y "header". en el foro de Diseño web en Foros del Web. Buenos día. Tengo un problemilla con mi Web, quiero colocar la imagen de fondo que he diseñado para el pie de página y no logro ...
  #1 (permalink)  
Antiguo 06/10/2009, 07:02
 
Fecha de Ingreso: octubre-2009
Mensajes: 4
Antigüedad: 8 años, 2 meses
Puntos: 0
Colocar dos imágenes de fondo, "footer" y "header".

Buenos día.
Tengo un problemilla con mi Web, quiero colocar la imagen de fondo que he diseñado para el pie de página y no logro hacerlo.

Tengo una imagen de fondo en el body, colocado en la parte superior y ahora quiero poner un div en el pie de la página de fondo y centrado sin el escroll horizontal con la imagen de fondo correspondiente, como si tuviera dos body.

Os mostraría la web y la maqueta pero no puedo.



Muchas gracias de antemano.
  #2 (permalink)  
Antiguo 06/10/2009, 07:12
Avatar de C2am  
Fecha de Ingreso: enero-2009
Ubicación: Rosario, Argentina
Mensajes: 2.005
Antigüedad: 8 años, 10 meses
Puntos: 306
Respuesta: Colocar dos imágenes de fondo, "footer" y "header".

Hola joyeria
pon el link sin los www, es decir tupagina.html
__________________
El mundo nada puede contra un hombre que canta en la miseria.
-- Ernesto Sábato--
  #3 (permalink)  
Antiguo 06/10/2009, 07:24
 
Fecha de Ingreso: octubre-2009
Mensajes: 4
Antigüedad: 8 años, 2 meses
Puntos: 0
Respuesta: Colocar dos imágenes de fondo, "footer" y "header".

No es ese el problema.

Recibo este mensaje:

Por motivos anti-spam, solo es posible incluir enlaces o compartir direcciones web en sus mensajes, luego de que el usuario tenga más de 30 días de antigüedad y más de 30 mensajes publicados en el foro. Disculpe las molestias.
  #4 (permalink)  
Antiguo 06/10/2009, 07:30
Avatar de C2am  
Fecha de Ingreso: enero-2009
Ubicación: Rosario, Argentina
Mensajes: 2.005
Antigüedad: 8 años, 10 meses
Puntos: 306
Respuesta: Colocar dos imágenes de fondo, "footer" y "header".

Por eso, a tu direccion sacale "http://www." y pon solo el resto, de esa forma te deja.
tupagina.html
__________________
El mundo nada puede contra un hombre que canta en la miseria.
-- Ernesto Sábato--
  #5 (permalink)  
Antiguo 06/10/2009, 07:36
 
Fecha de Ingreso: octubre-2009
Mensajes: 4
Antigüedad: 8 años, 2 meses
Puntos: 0
Respuesta: Colocar dos imágenes de fondo, "footer" y "header".

Ok.

joyeria-artesana.com/joyeria/index.php
joyeria-artesana.com/joyeria/images/infobox/maqueta.jpg
  #6 (permalink)  
Antiguo 06/10/2009, 07:54
Avatar de C2am  
Fecha de Ingreso: enero-2009
Ubicación: Rosario, Argentina
Mensajes: 2.005
Antigüedad: 8 años, 10 meses
Puntos: 306
Respuesta: Colocar dos imágenes de fondo, "footer" y "header".

Tienes al final esto:

...

</table>

<!--<div class="fondofooter"></div>-->


<!-- footer_eof //-->

</div>
</body>
</html> "

Pero en el css no encontre la clase fondofooter.
Tal vez lo mejor es ponerlo de esta forma:

</table>

</div>

<div class="fondofooter"></div>

<!-- footer_eof //-->

</body>
</html> "
__________________
El mundo nada puede contra un hombre que canta en la miseria.
-- Ernesto Sábato--
  #7 (permalink)  
Antiguo 06/10/2009, 20:46
Avatar de danneg  
Fecha de Ingreso: agosto-2009
Ubicación: Todo un mundo de posibilidades
Mensajes: 856
Antigüedad: 8 años, 4 meses
Puntos: 48
Respuesta: Colocar dos imágenes de fondo, "footer" y "header".

con css3 puedes hacerlo

#capa_con_dos_fondos {
background: segundofondo , primerfondo;
}

se utilizan las mismas propiedades

image,color,position,atachment

y otras nuevas como size
  #8 (permalink)  
Antiguo 07/10/2009, 01:53
 
Fecha de Ingreso: octubre-2009
Mensajes: 4
Antigüedad: 8 años, 2 meses
Puntos: 0
Respuesta: Colocar dos imágenes de fondo, "footer" y "header".

OK gracias a los dos.

C2am tenia un estilo para <!--<div class="fondofooter"></div>--> pero lo quite ya que no conseguía lo que quería.


danneg gracias por esta aclaración, pero no me funciona, he colocado un estilo nuevo así:

#capa_con_dos_fondos {
background: url(/joyeria/images/infobox/fondo_web_joyeria.jpg) top no-repeat , url(/joyeria/images/infobox/fondo_footer.jpg) bottom no-repeat ;
}


Entonces en el header.php he abierto un div así:

<div align="center" id="capa_con_dos_fondos">



Y lo he cerrado en el footer:


</div>


Por cierto estoy trabajando un oscommerce, por si a alguien le sirve de ayuda.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 04:25.