Re: [Ovillo] pop_up con enlaces
salud y gracias a ambos por la vuestra ayuda. gonzalo, cómo habría que cambiar el código para que funcionara en las versiones viejas de explorer? ___ 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] pop_up con enlaces
Hay un Javascript no intrusivo que hace que funcione el hover en IE para todos los elementos: http://www.xs4all.nl/~peterned/csshover.html Yo lo he usado y me va bien con algún retoque: - No conseguí hacer funcionar el formato .htc, así que copié el codigo que te viene en ese archivo en un .js y lo incluí en la página. Lo bueno es que con incluir el archivo no tienes que tocar tu marcado html. - Hice algún retoque en la función que parsea la hoja de estilos para que no la parseara entera, ya que ralentizaba la ejecución. Si tuvieras algún problema de ese estilo dímelo y ya te concreto. Suerte! - Original Message - From: sn [EMAIL PROTECTED] To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Sent: Wednesday, January 10, 2007 11:56 AM Subject: Re: [Ovillo] pop_up con enlaces salud y gracias a ambos por la vuestra ayuda. gonzalo, cómo habría que cambiar el código para que funcionara en las versiones viejas de explorer? ___ 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] pop_up con enlaces
muchas gracias por la premura y el acierto en la respuseta gonzalo. de todas formas seguiré investigando si hay alguna forma de hacerlo solamente con css. repito, gracias. ___ 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] pop_up con enlaces
Se me olvidó decir que solamente usarías el script en las versiones de IE conflictivas, en este caso inferiores a 7. Para el resto de navegadores, pasarían de ello, con los comentarios condicionales de IE: !--[if lt IE 7] script src=csshover.js type=text/javascript/script ![endif]-- - Original Message - From: sn [EMAIL PROTECTED] To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Sent: Wednesday, January 10, 2007 12:14 PM Subject: Re: [Ovillo] pop_up con enlaces muchas gracias por la premura y el acierto en la respuseta gonzalo. de todas formas seguiré investigando si hay alguna forma de hacerlo solamente con css. repito, gracias. ___ 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] pop_up con enlaces
salud a toda la lista;
jugando con la propiedad display, se consiguen buenos efectos de tipo pop-up
utilizando solamente css(como debe ser).
para muestra, el siguiente código:
html xmlns=http://www.w3.org/1999/xhtml; xml:lang=es
head
titlePruebas css/title
style type=text/css
a:hover#link1 {background:#fff; color:#000;}
#info a .terceraimagen {display:none;}
#info a .terceraimagen a{display:none;}
a:hover#link1 .terceraimagen {display:block;
position:absolute; left:0px; top:0px; width:260px; height:150px; border:1px
solid #000;background:#697210;}
/style
/head
body
div id=info
a id=link1 href=../menu/index.html title=demosEnlace
textodiv class=terceraimagencontenido pop up/div/a
/div
/body
/html
bien, pues lo que ando buscando, es mantener esta estructura o parecida, e
incluir enlaces dentro del pop-up. si probáis a introducirlos directamente
veréis que lo descuadra todo tanto en ie como en mozilla. si a alguien se le
ocurre cómo podría hacerlo pues se lo agradeceré en el alma.
en css play hay multitud de dropdown menus que cumplen el objetivo que
persigo, sin embargo, los que he podido ver se valen de dhtml para ello y yo
busco algo estrictamente css, xhtml ya sabéis.
bueno, ahi queda la cuestión, para que los maestros del css hablen.
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] pop_up con enlaces
html xmlns=http://www.w3.org/1999/xhtml; xml:lang=es
head
titlePruebas css/title
style type=text/css
#info ul li ul {display:none;}
#info ul li:hover ul {display:block}
/style
/head
body
div id=info
ul
li id=info01
a href=# Este es el texto/a
ul
lia href=#Aquí un hijo/a/li
lia href=#Aquí un hijo/a/li
lia href=#Aquí un hijo/a/li
lia href=#Aquí un hijo/a/li
lia href=#Aquí un hijo/a/li
/ul
/li
/ul
/div
/body
/html
Espero que sea de utilidad,
marta
En/na sn ha escrit:
salud a toda la lista;
jugando con la propiedad display, se consiguen buenos efectos de tipo pop-up
utilizando solamente css(como debe ser).
para muestra, el siguiente código:
html xmlns=http://www.w3.org/1999/xhtml; xml:lang=es
head
titlePruebas css/title
style type=text/css
a:hover#link1 {background:#fff; color:#000;}
#info a .terceraimagen {display:none;}
#info a .terceraimagen a{display:none;}
a:hover#link1 .terceraimagen {display:block;
position:absolute; left:0px; top:0px; width:260px; height:150px; border:1px
solid #000;background:#697210;}
/style
/head
body
div id=info
a id=link1 href=../menu/index.html title=demosEnlace
textodiv class=terceraimagencontenido pop up/div/a
/div
/body
/html
bien, pues lo que ando buscando, es mantener esta estructura o parecida, e
incluir enlaces dentro del pop-up. si probáis a introducirlos directamente
veréis que lo descuadra todo tanto en ie como en mozilla. si a alguien se le
ocurre cómo podría hacerlo pues se lo agradeceré en el alma.
en css play hay multitud de dropdown menus que cumplen el objetivo que
persigo, sin embargo, los que he podido ver se valen de dhtml para ello y yo
busco algo estrictamente css, xhtml ya sabéis.
bueno, ahi queda la cuestión, para que los maestros del css hablen.
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
--
:: :: :: :: :: :: :: :: :: :: :: :: :: :: :: :: :: :: :: :: :: :: :: ::
:: :: :: :: :: :: :: :: :: ::
:: Marta Martínez Ribas
:: coordinació de projectes
:: [EMAIL PROTECTED]
argus.net TECNOLOGIA CREATIVA creant en la web des de 1995
www.argus.net | tel: 932 92 41 00 | fax: 932 92 42 25 | [EMAIL PROTECTED]
Avgda. Marquès de Comillas, 13 (Poble Espanyol) | 08038 | Barcelona
___
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] pop_up con enlaces
Ten en cuenta que en versiones de Internet Explorer anteriores a la 7, ese
li:hover no va a funcionar... sólamente entiende el hover para el elemento
a.
Un saludo
- Original Message -
From: Marta Martínez | ARGUS.net [EMAIL PROTECTED]
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Sent: Monday, January 08, 2007 5:59 PM
Subject: Re: [Ovillo] pop_up con enlaces
html xmlns=http://www.w3.org/1999/xhtml; xml:lang=es
head
titlePruebas css/title
style type=text/css
#info ul li ul {display:none;}
#info ul li:hover ul {display:block}
/style
/head
body
div id=info
ul
li id=info01
a href=# Este es el texto/a
ul
lia href=#Aquí un hijo/a/li
lia href=#Aquí un hijo/a/li
lia href=#Aquí un hijo/a/li
lia href=#Aquí un hijo/a/li
lia href=#Aquí un hijo/a/li
/ul
/li
/ul
/div
/body
/html
Espero que sea de utilidad,
marta
En/na sn ha escrit:
salud a toda la lista;
jugando con la propiedad display, se consiguen buenos efectos de tipo
pop-up
utilizando solamente css(como debe ser).
para muestra, el siguiente código:
html xmlns=http://www.w3.org/1999/xhtml; xml:lang=es
head
titlePruebas css/title
style type=text/css
a:hover#link1 {background:#fff; color:#000;}
#info a .terceraimagen {display:none;}
#info a .terceraimagen a{display:none;}
a:hover#link1 .terceraimagen {display:block;
position:absolute; left:0px; top:0px; width:260px; height:150px;
border:1px
solid #000;background:#697210;}
/style
/head
body
div id=info
a id=link1 href=../menu/index.html title=demosEnlace
textodiv class=terceraimagencontenido pop up/div/a
/div
/body
/html
bien, pues lo que ando buscando, es mantener esta estructura o parecida, e
incluir enlaces dentro del pop-up. si probáis a introducirlos directamente
veréis que lo descuadra todo tanto en ie como en mozilla. si a alguien se
le
ocurre cómo podría hacerlo pues se lo agradeceré en el alma.
en css play hay multitud de dropdown menus que cumplen el objetivo que
persigo, sin embargo, los que he podido ver se valen de dhtml para ello y
yo
busco algo estrictamente css, xhtml ya sabéis.
bueno, ahi queda la cuestión, para que los maestros del css hablen.
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
--
:: :: :: :: :: :: :: :: :: :: :: :: :: :: :: :: :: :: :: :: :: :: :: ::
:: :: :: :: :: :: :: :: :: ::
:: Marta Martínez Ribas
:: coordinació de projectes
:: [EMAIL PROTECTED]
argus.net TECNOLOGIA CREATIVA creant en la web des de 1995
www.argus.net | tel: 932 92 41 00 | fax: 932 92 42 25 | [EMAIL PROTECTED]
Avgda. Marquès de Comillas, 13 (Poble Espanyol) | 08038 | Barcelona
___
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
