Foros del Web » Creando para Internet » HTML »

Cabecera como en opera.com

Estas en el tema de Cabecera como en opera.com en el foro de HTML en Foros del Web. Hola a todos; Quisiera saber cómo hacer una cabecera como la de opera, esto es: que tenga una imagen centrada única y luego dos fondos ...
  #1 (permalink)  
Antiguo 29/06/2005, 05:15
Avatar de ferent  
Fecha de Ingreso: junio-2002
Ubicación: Madrid
Mensajes: 633
Antigüedad: 21 años, 10 meses
Puntos: 0
Cabecera como en opera.com

Hola a todos;

Quisiera saber cómo hacer una cabecera como la de opera, esto es: que tenga una imagen centrada única y luego dos fondos distintos a izquiera y derecha que se repiten y al 100% de tamaño de ancho.
__________________
Culto es aquel que sabe donde encontrar lo que no sabe.
  #2 (permalink)  
Antiguo 29/06/2005, 08:57
Avatar de baccxus  
Fecha de Ingreso: mayo-2005
Ubicación: Panama city, Panama, Panama
Mensajes: 870
Antigüedad: 18 años, 10 meses
Puntos: 17
con CSS haces una división de 100%, luego dentro de ella, otras 2 a 50% cada una y en las propiedades le das a la de la izquierda float:left y a la derecha float:right, y un background-image distinto a cada una y ya.
__________________
Al final del día hablar es gratis, codificar no lo es
  #3 (permalink)  
Antiguo 29/06/2005, 09:06
Avatar de ferent  
Fecha de Ingreso: junio-2002
Ubicación: Madrid
Mensajes: 633
Antigüedad: 21 años, 10 meses
Puntos: 0
un ejemplo?

gracias!!
__________________
Culto es aquel que sabe donde encontrar lo que no sabe.
  #4 (permalink)  
Antiguo 29/06/2005, 14:25
Avatar de CORE
Usuario no validado
 
Fecha de Ingreso: abril-2002
Ubicación: Merida
Mensajes: 2.165
Antigüedad: 22 años
Puntos: 3
Hola
el ejemplo que dice baccxus seria algo asi
Código HTML:
<div style="width:100%; ">
<div style="float:left; width:50%; background-image:url(1.jpg)"></div>
<div style="float:right; width:50%; background-image:url(2.jpg)"></div>
<div> 
saludos
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 01:34.