Foros del Web » Creando para Internet » CSS »

Como conseguir esta cabecera

Estas en el tema de Como conseguir esta cabecera en el foro de CSS en Foros del Web. Hola necesito por favor que alguien me oriente en como podría conseguir un encabezado como el de www.formula1.com . Pretendo colocar un encabezado parecido en ...
  #1 (permalink)  
Antiguo 26/11/2007, 16:18
Avatar de Jowy  
Fecha de Ingreso: febrero-2007
Ubicación: En la red
Mensajes: 232
Antigüedad: 17 años, 1 mes
Puntos: 0
Como conseguir esta cabecera

Hola necesito por favor que alguien me oriente en como podría conseguir un encabezado como el de www.formula1.com. Pretendo colocar un encabezado parecido en la mia pero no lo consigo porque la imagen quiere salir entera y no hay manera de que aparezca entrecortada como en ese site. Como lo puedo conseguir? He probado tablas, divs y mas cosas y no puedo.

:(
  #2 (permalink)  
Antiguo 26/11/2007, 18:26
Avatar de juaniquillo
Colaborador
 
Fecha de Ingreso: noviembre-2005
Ubicación: San Juan, Puerto Rico
Mensajes: 5.745
Antigüedad: 18 años, 4 meses
Puntos: 281
Re: Como conseguir esta cabecera

el truco es ponerla de fondo en el div y ponerla en el medio. este es el css:

Código HTML:
 #wrapperHeading {
        background: url('/photos/races/main_banner/head_generic.gif') no-repeat 50% 0;
    }
esta es la imagen gif, muy bien hecha por cierto:
http://www.formula1.com/photos/races...ad_generic.gif

despues dentro del #wrapperHeading pones el #wrapperContent, que es un div donde esta todo lo demas.
  #3 (permalink)  
Antiguo 27/11/2007, 11:30
Avatar de Jowy  
Fecha de Ingreso: febrero-2007
Ubicación: En la red
Mensajes: 232
Antigüedad: 17 años, 1 mes
Puntos: 0
Re: Como conseguir esta cabecera

Gracias juaniquillo, hasta ahi había llegado y lo he implementado pero todo el fondo (a excepcion de la imagen) me sale blanco y no se conserva la transparencia de la cabecera (es un png). No se como consiguen conservar la transparencia y que aparte aparezca otro patrón de fondo para el resto de la imagen y la pagina

Tu sabes como lo consiguen?
  #4 (permalink)  
Antiguo 27/11/2007, 16:41
Avatar de juaniquillo
Colaborador
 
Fecha de Ingreso: noviembre-2005
Ubicación: San Juan, Puerto Rico
Mensajes: 5.745
Antigüedad: 18 años, 4 meses
Puntos: 281
Re: Como conseguir esta cabecera

Pues ese es un problema de explorer 6. Si usas otros navegadores no te pasa. Ellos lo solucionan usando un gif en vez de un png.
  #5 (permalink)  
Antiguo 28/11/2007, 08:46
Avatar de Jowy  
Fecha de Ingreso: febrero-2007
Ubicación: En la red
Mensajes: 232
Antigüedad: 17 años, 1 mes
Puntos: 0
Re: Como conseguir esta cabecera

Trabajo con Firefox, pero en explorer 7 tambien me pasa. Voy a probar con gif a ver que tal.
Gracias por todo
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 20:25.