Re: [Ovillo] capa invisible sobre imagen
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
[Ovillo] capa invisible sobre imagen
buf, es q es complicado de explicar y creo q no lo hice nada bien.
Gracias por intentar entenderme :)
A ver, lo que estoy haciendo es pasar una galeria web hecha con tablas
a css y capas. Trato de que se asemeje lo mas posible al original.
Hay dos paginas, una con un indice de las miniaturas de las fotos, y
otra con una foto central y dos miniatuaras(anterior y posterior).
Tambien tiene un par de js para mostrar en forma de presentacion las
imagenes del album, y el otro creo q es para abrir y cerrar una
ventana de ayuda, que es la q me preocupa en estos momentos.
BIen, una vez eliminadas las tablas, puesto en sus sitios las
imagenes, links y demas, viene el problema de hacer q la web funcione
como cuando tenia las tablas.
Tengo un div con una imagen central, justo debajo de esa foto, tengo
un icono de ayuda que mediante JavaScript muestra una capa oculta
donde estan las accesskeys q estan habilitadas.
El hecho, es que lo estoy haciendo en local, pero ha de funcionar en
otro servidor donde estan los ficheros js instalados y a los q no
tengo acceso. Así que para ver si surten efecto las propiedades que le
pongo, le he quitado al div id=helpwindow el hidden de la visibility.
Y resulta, que ni el background, ni el border parecen verse sobre la
imagen central. Decir, que he situado el div del helpwindow sobre el
div de la imagen central, porque es donde le corresponde estar.
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
On 11/19/06, laura laupri 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
Re: [Ovillo] capa invisible sobre imagen
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
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
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
[Ovillo] capa invisible sobre imagen
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
