Retroceder   Foros del Web > Diseño de Sitios web > CSS
Crea un nuevo usuario o inicia sesión utilizando tu cuenta de Facebook
Connect with Facebook

Respuesta
 
Herramientas Desplegado
Antiguo 13-ago-2008, 00:07   #1 (permalink)
valenti77 no tiene puntos (o el karma desactivado)
 
Avatar de valenti77
 
Fecha de Ingreso: julio-2008
Ubicación: Berisso, Buenos Aires
Mensajes: 145
Enviar un mensaje por MSN a valenti77 Enviar un mensaje por Yahoo  a valenti77
valenti77 está desconectado
Desacuerdo Transparencia, y Superposicion de Imagenes

Hola de nuevo.
Vengo para ver si me podrian ayudar con lo siguiente:

Quiero superponer una capa que contiene una imagen con transparencia arriba de otra y que en esa transparencia se siga viendo la capa de abajo, me explico?

Aca les dejo una imagen para que me entiendan mejor: http://img142.imageshack.us/img142/3355/esquemahw3.png

Lo rojo seria mi imagen que quiero poner de logo, es decir posicionar la capa MENU donde termina el header azul y no donde termina la imagen. Ya probe con overflow visible, z-index, pero nada me funciona, nose que puedo hacer ya :(

Muchas gracias a todos!
  Responder Citando
Antiguo 13-ago-2008, 19:53   #2 (permalink)
sortega ha deshabilitado el karma
 
Fecha de Ingreso: agosto-2008
Ubicación: Bogotá
Mensajes: 62
sortega está desconectado
Respuesta: Transparencia, y Superposicion de Imagenes

Hola, soy novato y no sé cómo hacerlo exactamente , pero lo que yo haría sería:

1: crear la imagen y dividirla en tres partes: la parte que se superpone a la capa azul, la parte que se superpone a la verde, y la parte que se superpone al contenido.

2: pondría la primera parte de la imagen (la que se superpone al azul) alineada como lo quieras; a continuación de ella, empezaría la capa azul (sí, no subexpuesta a la imagen).

3: pondría la segunda parte de la imagen bajo la primera, de tal manera que coincidan; y bajo esta segunda parte iniciaría el menú.

4: la tercera imagen la pondría dentro del contenido de tal manera que coincidiera con las otras dos.

Algo más gráfico:
http://img151.imageshack.us/img151/944/esquemahw3copiagl0.jpg

Bueno, estas soluciones que te he dado son más de jugar con la imagen que con el CSS, así que espero que seas bueno cacharriándole al Photoshop o alguno por el estilo

Aunque posiblemente sí se pueda con CSS...
  Responder Citando
Antiguo 13-ago-2008, 20:06   #3 (permalink)
valenti77 no tiene puntos (o el karma desactivado)
 
Avatar de valenti77
 
Fecha de Ingreso: julio-2008
Ubicación: Berisso, Buenos Aires
Mensajes: 145
Enviar un mensaje por MSN a valenti77 Enviar un mensaje por Yahoo  a valenti77
valenti77 está desconectado
Cool Respuesta: Transparencia, y Superposicion de Imagenes

Claro es muy buena esa idea, es mas ya la hice, es que si no lo haces con CSS tendrias que hacerlo por tablas, o asi lo saque del photoshop:
  1. hice el diseño,
  1. dividi sectores
  1. y lo guarde para web
y me quedo como vos decias, el problema es que mi pagina es dinamica, PHP, entonces necesito las clases en caso de que algun contenido supere el ancho establecido, porque ya me paso, que se me hace un espacio en blanco y no lo puedo arreglar.

Gracias por tu ayuda!
  Responder Citando
Respuesta
No hay votos aún.
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.

Herramientas
Desplegado

Normas de Publicación
No puedes crear nuevos temas
No puedes responder temas
No puedes subir archivos adjuntos
No puedes editar tus mensajes

BB code está Activado
Caritas están Activado
[IMG] está Activado
Código HTML está Desactivado
Trackbacks está Desactivado
Pingbacks está Desactivado
Refbacks está Desactivado



La zona horaria es GMT -6. Ahora son las 17:47.
Políticas de Uso de Foros del Web


Message Board Statistics

SEO by vBSEO 3.3.0

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100