Re: [Ovillo] hover en más selectores q ue a en firefox
He hecho un ejemplo sencilo y Firefox sí soporta hover para elementos
diferentes de a.
Pero en mi caso concreto no sé lo que puede fallar, Opera lo hace bien y
Firefox no hace nada. El código css es el siguiente:
.cuadro {
background-image: url(imagenes/sidebar.png) repeat-y #FAFBFD;
border: solid thin #C2C7CB;
padding: 10px;
margin: 15px 0px 5px;
}
.cuadro:hover {
background-image: none;
}
Y ya he dicho que era una solución provisional, ya sé que es poco
elegante, lo dije yo! Porfa no me mates ;) Pero bueno, yo pregunté sobre
una cosa y te centras más en eso que en mi pregunta... Mientras tanto he
borrado ese código y he escrito un script en el header utilizando la
librería Behaviour, que recomiendo a todos, es de muy fácil uso. Con
JavaScript sí funciona.
Saludos, Víctor
On Fri, 08 Jul 2005 09:54:42 +0200, Manuel González Noriega
[EMAIL PROTECTED] wrote:
On 7/8/05, Víctor Pimentel [EMAIL PROTECTED] wrote:
Creo que en Firefox no soporta la propiedad hover de las css en otros
selectores que no sean enlaces a (en inputs parece que también
funciona).
a no es un selector, es un elemento. Firefox soporta la pseudoclase
:hover
en cualquier elemento, al contrario que IE que solo lo soporta en el
elemento a.
Creo que leí algo acerca de eso, pero no logro encontrarlo, ¿cómo puedo
utilizar hover para otros selectores (divs, ol, etc)? La solución solo
para la necesito para Firefox, Opera sí soporta hover e IE está
descartado.
De verdad que me desconciertas. ¿No hubieras acabado antes haciendo un
experimento de 30 segundos para comprobar que Gecko sí soporta :hover? :)
La solucion provisional que tengo es aplicarle a todos los que quiero
que
tengan la proipedad hover, el código selector
onMouseOver=this.style.background='#FAFBFD'
onMouseOut=this.style.background='#FAFBFD url(\'imagenes/sidebar.png\')
repeat-y' / , pero me parece muy poco elegante ir a añadiendo uno a
uno
estas propiedades.
Pues sí, es poco elegante, pero no tendrías que hacerlo en ningún caso:
- En primer lugar, porque los atributos onMouseOver y onMouseOut,
deberías
escribirlos en minúsculas.
- En segundo lugar porque no debes *nunca* añadir estos atributos en el
marcado HTML, sino utilizar javascript no intrusivo.
http://www.disenorama.com/articulos/dhtml/dhtml_no_intrusivo.htm
Así que recuerda, onmouseover, onclick, etc. ¡caca!
--
Usando el revolucionario cliente de correo de Opera:
http://www.opera.com/m2/
___
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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] hover en más selectores q ue a en firefox
No pasa nada, pero es que con caca caca me has recordado a una entrevista
que hicieron en la cope con una tal margarita, jeje
Aquí te dejo el código, lógicamente es solo una parte y además tengo los
estilos en una hoja aparte, pero he conseguido acotar el problema para que
se vea más claro, en un único archivo html:
html
head
style type=text/css
.cuadro {
background: #FAFBFD url('imagenes/sidebar.png') repeat-y;
border: solid thin #C2C7CB;
margin: auto;
height: 200px;
width: 200px;
padding: 10px;
}
.cuadro:hover {
background-image: none;
/* con background: #FAFBFD; tampoco va */
}
/style
head
body
div class=cuadroAquí va el contenido, Lorem ipsum lo que sea y todo lo
demás./div
/body
/html
Y esto, simplemente, en Firefox no va y en Opera sí. ¿Alguien sabe por
qué? Vale, mientras escribo esto me doy cuenta de que no funciona porque
Firefox no soporta la seudoclase hover en una clase. Si por ejemplo
hubiera puesto div, sí que funcionaba. ¿Alguien sabe cómo hacerlo en css,
sin recurrir a JavaScript?
Gracias y Saludos, Víctor
On Fri, 08 Jul 2005 13:12:07 +0200, Manuel González Noriega
[EMAIL PROTECTED] wrote:
On 7/8/05, Víctor Pimentel [EMAIL PROTECTED] wrote:
He hecho un ejemplo sencilo y Firefox sí soporta hover para elementos
diferentes de a.
Pero en mi caso concreto no sé lo que puede fallar, Opera lo hace bien y
Firefox no hace nada. El código css es el siguiente:
.cuadro {
background-image: url(imagenes/sidebar.png) repeat-y #FAFBFD;
border: solid thin #C2C7CB;
padding: 10px;
margin: 15px 0px 5px;
}
.cuadro:hover {
background-image: none;
}
Y ya he dicho que era una solución provisional, ya sé que es poco
elegante, lo dije yo! Porfa no me mates ;) Pero bueno, yo pregunté sobre
una cosa y te centras más en eso que en mi pregunta...
Qué fama de ogro, por Tutatis :( Tú preguntaste porque Firefox/Gecko no
soportaba :hover en cualquier elemento y yo te contesté que sí que lo
hacía,
nada más. Si preguntabas otra cosa lo siento pero no me dí cuenta.
Y sobre el resto, sólo puntualizé que aún teniendo que recurrir a
javascript, no lo harías así. Me alegro que ya fueses consciente, pero
sirve
para terceras personas que lean la discusión.
Ah, y sí que mola Behavior :) Pero sigo sin entender porque lo necesitas
para emular :hover en un motor que ya lo soporta. Pon tu código entero y
veremos porque te falla.
--
Usando el revolucionario cliente de correo de Opera:
http://www.opera.com/m2/
___
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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] hover en más selectores q ue a en firefox
Claro, pero es que no se trata solo de divs, hay más elementos como un h1
o un ol...
Es decir, que Firefox soporta hover, pero a medias, porque en las clases
no lo soporta. Así que Manu no tenía toda la razón, jeje ;)
Sobre la discusión de Google, mejor sería que fuera en modo texto, así
hasta una lavadora podría entrar a buscar cosas... (exageración)
¿O mediante rss, como Logicola? ;)
On Fri, 08 Jul 2005 13:47:55 +0200, Vicente Gallur Valero
[EMAIL PROTECTED] wrote:
Puedes especificarle que es un div de la clase cuadro:
style type=text/css
div.cuadro{
background: #FAFBFD url('imagenes/sidebar.png') repeat-y;
border: solid thin #C2C7CB;
margin: auto;
height: 200px;
width: 200px;
padding: 10px;
}
div.cuadro:hover{
background-image: none;
/* con background: #FAFBFD; tampoco va */
}
/style
Vicente Gallur Valero
http://www.vgcomunicacion.com
Víctor Pimentel wrote:
No pasa nada, pero es que con caca caca me has recordado a una
entrevista que hicieron en la cope con una tal margarita, jeje
Aquí te dejo el código, lógicamente es solo una parte y además tengo
los estilos en una hoja aparte, pero he conseguido acotar el problema
para que se vea más claro, en un único archivo html:
html
head
style type=text/css
.cuadro {
background: #FAFBFD url('imagenes/sidebar.png') repeat-y;
border: solid thin #C2C7CB;
margin: auto;
height: 200px;
width: 200px;
padding: 10px;
}
.cuadro:hover {
background-image: none;
/* con background: #FAFBFD; tampoco va */
}
/style
head
body
div class=cuadroAquí va el contenido, Lorem ipsum lo que sea y
todo lo demás./div
/body
/html
Y esto, simplemente, en Firefox no va y en Opera sí. ¿Alguien sabe
por qué? Vale, mientras escribo esto me doy cuenta de que no funciona
porque Firefox no soporta la seudoclase hover en una clase. Si por
ejemplo hubiera puesto div, sí que funcionaba. ¿Alguien sabe cómo
hacerlo en css, sin recurrir a JavaScript?
Gracias y Saludos, Víctor
On Fri, 08 Jul 2005 13:12:07 +0200, Manuel González Noriega
[EMAIL PROTECTED] wrote:
On 7/8/05, Víctor Pimentel [EMAIL PROTECTED] wrote:
He hecho un ejemplo sencilo y Firefox sí soporta hover para elementos
diferentes de a.
Pero en mi caso concreto no sé lo que puede fallar, Opera lo hace
bien y
Firefox no hace nada. El código css es el siguiente:
.cuadro {
background-image: url(imagenes/sidebar.png) repeat-y #FAFBFD;
border: solid thin #C2C7CB;
padding: 10px;
margin: 15px 0px 5px;
}
.cuadro:hover {
background-image: none;
}
Y ya he dicho que era una solución provisional, ya sé que es poco
elegante, lo dije yo! Porfa no me mates ;) Pero bueno, yo pregunté
sobre
una cosa y te centras más en eso que en mi pregunta...
Qué fama de ogro, por Tutatis :( Tú preguntaste porque Firefox/Gecko no
soportaba :hover en cualquier elemento y yo te contesté que sí que
lo hacía,
nada más. Si preguntabas otra cosa lo siento pero no me dí cuenta.
Y sobre el resto, sólo puntualizé que aún teniendo que recurrir a
javascript, no lo harías así. Me alegro que ya fueses consciente,
pero sirve
para terceras personas que lean la discusión.
Ah, y sí que mola Behavior :) Pero sigo sin entender porque lo
necesitas
para emular :hover en un motor que ya lo soporta. Pon tu código entero
y
veremos porque te falla.
--
Usando el revolucionario cliente de correo de Opera:
http://www.opera.com/m2/
___
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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] hover en más selectores q ue a en firefox
La verdad, dan un poco ganas de no preguntar. El día que me deje una
etiqueta sin cerrar vienen los geos a mi casa... ¿A todos los mensajes
responden así?
On Fri, 08 Jul 2005 13:51:23 +0200, [EMAIL PROTECTED] wrote:
Le 08/07/2005 13:29, Víctor Pimentel a ecrit :
html
head
style type=text/css
.cuadro {
background: #FAFBFD url('imagenes/sidebar.png') repeat-y;
border: solid thin #C2C7CB;
margin: auto;
height: 200px;
width: 200px;
padding: 10px;
}
.cuadro:hover {
background-image: none;
/* con background: #FAFBFD; tampoco va */
}
/style
head
body
div class=cuadroAquí va el contenido, Lorem ipsum lo que sea y todo
lo demás./div
/body
/html
Todo documento HTML debe *obligatoriamente* empezar por un doctype
correcto.
Pascal
--
Usando el revolucionario cliente de correo de Opera:
http://www.opera.com/m2/
___
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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] hover en más selectores q ue a en firefox
Muchas gracias por la respuesta, efectivamente si especificamos !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd;, se soluciona el problema. Perdona por mi respuesta, pero por la foma me pareció que no era una respuesta sino un comentario puntilloso. Mil perdones. :) On Fri, 08 Jul 2005 14:15:09 +0200, [EMAIL PROTECTED] wrote: Le 08/07/2005 13:59, Víctor Pimentel a ecrit : La verdad, dan un poco ganas de no preguntar. El día que me deje una etiqueta sin cerrar vienen los geos a mi casa... ¿A todos los mensajes responden así? No, respondo asi cuando soluciona el problema incicial, lo que es el caso aquí. pascal -- Usando el revolucionario cliente de correo de Opera: http://www.opera.com/m2/ ___ 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://ovillo.org/mailman/listinfo/ovillo
