Re: [Ovillo] capa invisible sobre imagen

2006-11-19 Por tema Bill Murphy
Hola!
 no lo tengo muy claro pero se me ocurre que puede ser por tener dos divs
con un solo id.
No sé que es lo que quieres exactamente pero tienes dos posibilidades, o
cambiar el contenido completamente del div helpwindow (quitando la imagen) o
crear dos divs distintos (manteniendo la imagen y ademas la ayuda en otro
div).
Espero haberme explicado ;)
Un saludo

On 11/19/06, laura [EMAIL PROTECTED] wrote:

 hola

 estoy intentando crear una capa invisible, se trata de una ventanita
 de ayuda, y solo se puede ver siempre cuando se haga clic en  un
 icono. Cuando se ve la ayuda, esta ha de estar sobre una imagen.
 Para hacer pruebas ahora (ya que no tengo el script q hace q se abra
 la ventanita) le he quitado, momentaneamente el hidden de visibility.
 El resultado q puedo ver es un texto formateado como le indico en el
 css, pero sin fondo, sin bordes, viendose como fondo la imagen sobre
 la que se coloca el div, impidiendo la lectura de la ventanita de
 ayuda. No se si me he sabido explicar, si necesitais mas datos,
 decidlo.

 gracias por la lectura y posible ayuda :))



 El codigo del icono q hace q se vea la ventana a traves de javascript
 div id=helpwindow
 img src=help.png alt=help onclick=toggle_help_layer() /
 /div

 El codigo de la capa oculta de la ayuda:
 div id=helpwindow 
 h1Ayuda:/h1
  spanh/span: Show helpbr /a href=
 onclick=hide_help_layer(); return false;Close this box/a
 /div

 y el css:

 #helpwindow{
 /*  visibility:hidden;
 */ border:2px black solid;
 background:white;
 width:500px;
 font-size:1em;
 margin-left:190px;
 margin-top:-200px;
 z-index:4;
 }
 ___
 Lista de distribución Ovillo
 Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
 Puedes modificar tus datos o desuscribirte en la siguiente dirección:
 http://lists.ovillo.org/mailman/listinfo/ovillo

___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] capa invisible sobre imagen

2006-11-19 Por tema laura
hola

no, a ver, no era por tener doblado el id, me equivoqué al ponerlo en
el mail, pero creo que ya se pq no se puede hacer lo que quiero. El
background de la capa en la q quiero poner el texto, se situa por
detras de la imagen de otra capa. No se como evitar ese efecto.
Alguien me ayuda?

gracias

Laura
 On 11/19/06, Bill Murphy  @litio.net wrote:
  Hola!
   no lo tengo muy claro pero se me ocurre que puede ser por tener dos divs
  con un solo id.
  No sé que es lo que quieres exactamente pero tienes dos posibilidades, o
  cambiar el contenido completamente del div helpwindow (quitando la imagen) o
  crear dos divs distintos (manteniendo la imagen y ademas la ayuda en otro
  div).
  Espero haberme explicado ;)
  Un saludo
 
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] capa invisible sobre imagen

2006-11-19 Por tema Hernan Beati
laura escribió:

El background de la capa en la q quiero poner el texto, se situa por
detras de la imagen de otra capa. No se como evitar ese efecto.
Alguien me ayuda?

Deberías asignarle un valor a la propiedad z-index del div que 
contiene texto que sea MAYOR al del div que contiene la imagen.

Saludos,

Hernán Beati
---
www.saberweb.com.ar
---
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] capa invisible sobre imagen

2006-11-19 Por tema laura
hola

On 11/19/06, Hernan Beati  @gmail.com wrote:
  Deberías asignarle un valor a la propiedad z-index del div que
 contiene texto que sea MAYOR al del div que contiene la imagen.

Si, lo tengo, el html es este:
div id=fotogran
img src=IMG_90.jpg alt= /
/div !--fi div fotogran--



div id=helpwindow 

h1Acces Keys:/h1
pspann/SPACE/span: Go to the next imagebr /
 spanp/BACKSPACE/span: Go to the previous imagebr /
 spanh/span: Show helpbr /   /p
 spana href= onclick=hide_help_layer();
return false;Close this box/a/span
 /div


Y el CSS:

#fotogran{
text-align:center;
border-bottom:2px solid  black;

z-index:1;
}
#fotogran img{
border:4px solid black;
margin:3px;
z-index:1;
}

#helpwindow {
visibility:hidden;
width:500px;
font-size:1em;
color:white;
background-color:red;
margin-left:190px;
margin-top:-240px;

z-index:200;

text-align:left;
}

#helpwindow h1{
font-size:1.4em;
letter-spacing:3px;
}
#helpwindow p{
text-align:left;
margin-left: 50px;
border:2px black solid;
}
#helpwindow a  {
margin-top:30px;
text-align:right;
}
#helpwindow span{
font-weight:bold;
}
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo