Re: [Ovillo] cambiar estilo css :hover desde javascript
Buenas
Yo probaria con alguna librería tipo yahoo-dom-event.js o scriptaculous.js.
Un saludo
El día 10/07/07, Coke Delta8 <[EMAIL PROTECTED]> escribió:
>
> Yo te doy una solución que se me ocurre al vuelo:
>
> a:hover {background: url(master.gif) no-repeat}
> a.personalizado:hover { css... }
>
> Añades la clase personalizado por javascript al a.
> Y yo creo, sin probar ni nada, que tendría que funcionar.
>
> El día 3/07/07, Celso González <[EMAIL PROTECTED]> escribió:
> >
> > Hola
> >
> > Para cambiar estilos CSS desde javascript se puede hacer con
> > nombre_del_elemento.style.foo = bar
> >
> > pero ¿cómo se haría para cambiar el estilo de un hover?
> >
> > CSS
> > a {display: block}
> > a:hover {background: url(master.gif) no-repeat}
> >
> > Me gustaría cambiar el background del hover pero al
> > utilizar la sintaxis anterior lo único que consigo es
> > modificar el fondo del a, no del a:hover
> >
> > Gracias anticipadas
> >
> > --
> > Celso González (aka PerroVerd) GPG key 0x2DA367B7
> > http://mitago.net
> > ___
> > 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
>
--
skype >> arbaa4
www.sevtov.com
[EMAIL PROTECTED]
___
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] lista
Hola lista. No soy ningun experto , pero poia ser que ese "
background-position: *2px2%;* u no se, so se,quizas background-position:
2px 2%; o mejor background-position: 2px 20px;.
Tambien tienes listas anidadas y solo posicionas la UL madre, quiza esto
pudiera influir.
Y podrias utilizar (pienso) >background:#ff url(image.gif) 2px 20px
no-repeat ;< y deberias mirar eso de
>li.img2{ list-style: 3px;} no creo que sea un atributo-valor valido.
Un saludo
El día 9/07/07, manila lila <[EMAIL PROTECTED]> escribió:
>
> Si se la quito, entonces la imagen del marcador aparece fuera del div que
> contiene las listas mejor se entenderá así>?
>
>
>Nivel 1 :
>
>
> Item
> Item
> Item
> Item
> Item
>
>
>
>
>Nivel 2 :
>
>
>Item
>Item
>Item
>Item
>Item
>
>
>
>Nivel 3 :
>
>
>Item
>Item
>Item
>Item
>Item
>Item
>Item
>Item
>
>
>
>
>
> /* CSS Document */
>
> #llistes1 {
>width : 100%;
>background-color: #99;
> }
> #llistes2 {
>width : 100%;
>background-color: #66CCFF;
> }
>
> #llistes3 {
>width : 100%;
>background-color: #CC;
> }
>
>
>
>
> ul li{
>list-style-type:none;
>list-style-position: inside;
>margin: 0;
>padding: 0;
> }
>
> li.img1 {
>list-style-image: url(imag1.gif);
>color: #00;
>font-weight: normal;
>background-position: 2px2%;
>margin: 0;
>padding: 0;
>border-bottom: 1px solid #99;
>line-height: 1.5em;
>
> }
> li.img2 {
>list-style-image: url(imag2.gif);
>color: #FF;
>font-weight: bold;
>background-color: #7F1730;
>margin: 0;
>padding: 0;
>line-height: 1.5em;
>list-style: 3px;
>
> }
>
> si prueban verán lo que digo, con firefox se establece una separación
> entre
> la imagen y el ítem, con el otro ambos elementos aparecen pegados, porque?
>
> Claro que deberán poner una imagen en imag1 i imag2.gif.
>
> Gracias por probar.
>
>
> El día 9/07/07, Jorge L. Batista E. <[EMAIL PROTECTED]> escribió:
> >
> > Creo que si quitas esta línea funciona como quieres
> > list-style-position: inside;
> > ss
> > PB
> >
> > En Mon, 09 Jul 2007 08:42:45 -0400, manila lila <[EMAIL PROTECTED]>
> > escribió:
> >
> > > list-style-position: inside;
> >
> >
> >
> >
> >
>
> > **Las siguientes líneas de texto son agregadas por los Servidores
> > Centrales de Correo de la Oficina del Historiador de la Ciudad de la
> > Habana.**
> >
> >
>
> > Visite la Cartelera interactiva de Opus Habana, con el calendario de la
> > programación cultural del Centro Histórico.
> > http://opushabana.ohc.cu/cartelera.php
> > Redacción Opus Habana
> >
> >
>
> >
> > ___
> > 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
>
___
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] Problema con "tabs"
Gente:
Dada mi escasísima experiencia con hojas de estilo, tengo un problema
con una interfase basada en "pestañas" (o "solapas") que no he podido
hacer funcionar bien. La idea la "sustraje" de la W3C, pero no tengo los
conocimientos para entender los detalles, todavía.
El problema concreto, es que los enlaces comunes y corrientes no funcionan.
Envío un ejemplo, por si alguno de ustedes tiene idea de la razón y
tiene la gentileza de desaznarme.
Hay dos formas que propone la página citada. En la primera, más
sencilla, sí funcionan ("Item 1"); en la segunda, más completa y la que
quiero aplicar, un enlace a Google no tiene efecto ("Tareas"). ¿Por qué?
Gracias por anticipado.
--
Diego Roselli
Montevideo, Uruguay
___
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] cambiar estilo css :hover desde javascript
Yo te doy una solución que se me ocurre al vuelo:
a:hover {background: url(master.gif) no-repeat}
a.personalizado:hover { css... }
Añades la clase personalizado por javascript al a.
Y yo creo, sin probar ni nada, que tendría que funcionar.
El día 3/07/07, Celso González <[EMAIL PROTECTED]> escribió:
>
> Hola
>
> Para cambiar estilos CSS desde javascript se puede hacer con
> nombre_del_elemento.style.foo = bar
>
> pero ¿cómo se haría para cambiar el estilo de un hover?
>
> CSS
> a {display: block}
> a:hover {background: url(master.gif) no-repeat}
>
> Me gustaría cambiar el background del hover pero al
> utilizar la sintaxis anterior lo único que consigo es
> modificar el fondo del a, no del a:hover
>
> Gracias anticipadas
>
> --
> Celso González (aka PerroVerd) GPG key 0x2DA367B7
> http://mitago.net
> ___
> 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] Distanciar frases en línea según par ámetros.
...BINGO!!!
Lo resolví así:
.indices {display: block; float: left; width: 10px}
.marginado {margin-left: 30px}
a1 Bananas.
a2 Tomates.
a3 Peras.
a4 Melones.
a5 Mandarinas.
Y quedó "PERFECTO".
Pero fíjate qué sucede cuando a ".indices" le aplico: "border: 1px solid
red". ¡MAGIA!
(¿O Bugs? je je je...)
De todos modos... ¡Muchas gracias!
A.V.W.
- Original Message -
From: "LISTAS" <[EMAIL PROTECTED]>
To: "Ovillo, la lista de CSS en castellano"
Sent: Monday, July 09, 2007 3:23 PM
Subject: [Ovillo] Distanciar frases en línea según parámetros.
Tengo esta lista:
a1 Bananas.
a2 Tomates.
a3 Peras.
a4 Melones.
a5 Mandarinas.
etc
Y quiero que las segundas palabras estén a una distancia de 50px con
respecto a las primeras.
Lo quiero hacer "sin tablas". ¿Cómo es posible eso?
Probé:
.indices {display: inline; width: 50px}
a1Bananas.
a2Tomates.
[Etc.]
Pero no sucede lo esperado. ¿Cuál es el truco?
A.V.W.
___
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] Distanciar frases en línea según par ámetros.
El lunes, 9 jul 2007 a las 20:23, LISTAS
escribió:
>
> .indices {display: inline; width: 50px}
>
> a1Bananas.
> a2Tomates.
> [Etc.]
> Pero no sucede lo esperado. ¿Cuál es el truco?
Prueba con:
.indices {display: block; float: left; width: 30px}
Los elementos inline aunque tienen padding y margin no se ve reflejado
en su posición con respecto al resto de texto.
--
/\/
/ \ / \ /
/\/ e t \/ i c i o u s
___
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] Distanciar frases en línea según par ámetros.
Tengo esta lista:
a1 Bananas.
a2 Tomates.
a3 Peras.
a4 Melones.
a5 Mandarinas.
etc
Y quiero que las segundas palabras estén a una distancia de 50px con
respecto a las primeras.
Lo quiero hacer "sin tablas". ¿Cómo es posible eso?
Probé:
.indices {display: inline; width: 50px}
a1Bananas.
a2Tomates.
[Etc.]
Pero no sucede lo esperado. ¿Cuál es el truco?
A.V.W.
___
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] lista
Si se la quito, entonces la imagen del marcador aparece fuera del div que
contiene las listas mejor se entenderá así>?
Nivel 1 :
Item
Item
Item
Item
Item
Nivel 2 :
Item
Item
Item
Item
Item
Nivel 3 :
Item
Item
Item
Item
Item
Item
Item
Item
/* CSS Document */
#llistes1 {
width : 100%;
background-color: #99;
}
#llistes2 {
width : 100%;
background-color: #66CCFF;
}
#llistes3 {
width : 100%;
background-color: #CC;
}
ul li{
list-style-type:none;
list-style-position: inside;
margin: 0;
padding: 0;
}
li.img1 {
list-style-image: url(imag1.gif);
color: #00;
font-weight: normal;
background-position: 2px2%;
margin: 0;
padding: 0;
border-bottom: 1px solid #99;
line-height: 1.5em;
}
li.img2 {
list-style-image: url(imag2.gif);
color: #FF;
font-weight: bold;
background-color: #7F1730;
margin: 0;
padding: 0;
line-height: 1.5em;
list-style: 3px;
}
si prueban verán lo que digo, con firefox se establece una separación entre
la imagen y el ítem, con el otro ambos elementos aparecen pegados, porque?
Claro que deberán poner una imagen en imag1 i imag2.gif.
Gracias por probar.
El día 9/07/07, Jorge L. Batista E. <[EMAIL PROTECTED]> escribió:
>
> Creo que si quitas esta línea funciona como quieres
> list-style-position: inside;
> ss
> PB
>
> En Mon, 09 Jul 2007 08:42:45 -0400, manila lila <[EMAIL PROTECTED]>
> escribió:
>
> > list-style-position: inside;
>
>
>
>
>
> **Las siguientes líneas de texto son agregadas por los Servidores
> Centrales de Correo de la Oficina del Historiador de la Ciudad de la
> Habana.**
>
>
> Visite la Cartelera interactiva de Opus Habana, con el calendario de la
> programación cultural del Centro Histórico.
> http://opushabana.ohc.cu/cartelera.php
> Redacción Opus Habana
>
>
>
> ___
> 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] lista
Creo que si quitas esta línea funciona como quieres list-style-position: inside; ss PB En Mon, 09 Jul 2007 08:42:45 -0400, manila lila <[EMAIL PROTECTED]> escribió: > list-style-position: inside; **Las siguientes líneas de texto son agregadas por los Servidores Centrales de Correo de la Oficina del Historiador de la Ciudad de la Habana.** Visite la Cartelera interactiva de Opus Habana, con el calendario de la programación cultural del Centro Histórico. http://opushabana.ohc.cu/cartelera.php Redacción Opus Habana ___ 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] lista
Hola gracias por responder, esto es lo que pongo en el css
ul li{
list-style-type:none;
list-style-position: inside;
margin: 0;
padding: 0;
}
li.img1 {
list-style-image: url(imatges/au.gif);
font-weight: normal;
background-position: 2px2%;
margin: 0;
padding: 0;
border-bottom: 1px solid #99;
line-height: 1.5em;
}
li.img2 {
list-style-image: url(imatges/vert.gif);
color: #FF;
font-weight: bold;
background-color: #7F1730;
margin: 0;
padding: 0;
line-height: 1.5em;
list-style: 3px;
}
Se trata de listas anidadas, en las que que he creado unas clases para poner
una imagen distinta en cada nivel, aunque creo que para la separacion entre
la imagen del marcador y el item esto no tiene nada que ver.
<<< escribió:
>
>
> Podrías adjuntar el css que aplicas en tu lista. Ya que sin aplicar ningún
> css tanto firefox como ie dejan un espacio entre el caracter y el texto
> del
> element de la lista.
>
> Un saludo,
>
>
>
>
>
>
> -Mensaje original-
> De: [EMAIL PROTECTED] [mailto:
> [EMAIL PROTECTED]
> En nombre de manila lila
> Enviado el: sábado, 07 de julio de 2007 7:11
> Para: Ovillo@lists.ovillo.org
> Asunto: [Ovillo] lista
>
> Señores:
>
> Después de darle vueltas y mas vueltas...por fin me he decido a preguntar,
> ...
>
> La cosa es que tengo una lista, el problema esta entre la distancia de
> las
> imagenes de los marcadores y los items correspondientes, en FireFox
> perfecto, pero en uds. ya saben quien, se pegan, como puedo esponjar esa
> distancia? algún hack? ...que no encuentro.
>
> FireFox
> # ítem
> Ese otro
> #ítem
>
> Mil gracias por estar ahí
> Manila
> ___
> 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
>
___
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] lista
Podrías adjuntar el css que aplicas en tu lista. Ya que sin aplicar ningún css tanto firefox como ie dejan un espacio entre el caracter y el texto del element de la lista. Un saludo, -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de manila lila Enviado el: sábado, 07 de julio de 2007 7:11 Para: Ovillo@lists.ovillo.org Asunto: [Ovillo] lista Señores: Después de darle vueltas y mas vueltas...por fin me he decido a preguntar, ... La cosa es que tengo una lista, el problema esta entre la distancia de las imagenes de los marcadores y los items correspondientes, en FireFox perfecto, pero en uds. ya saben quien, se pegan, como puedo esponjar esa distancia? algún hack? ...que no encuentro. FireFox # ítem Ese otro #ítem Mil gracias por estar ahí Manila ___ 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] ORACLE PORTAL - tableless
yo también estoy interesada, por favor, si alguien contesta, que lo haga general o me lo envíe a mi tb. ¡¡gracias!! :-) El día 9/07/07, Héctor Fernández <[EMAIL PROTECTED]> escribió: > > Hola, > > Se que ya se ha hablado sobre este tema aquí, pero no encuentro el hilo > respecto al tema del tableless layout en oracle portal 10.1.4. > Estoy muy interesado en saber si alguién ha sido capaz de conseguir esto > con > oracle portal y cuales serían los mejores pasos a seguir o referencias de > documentación, casos de exito, etc para poder adiestrarme en este fin. > > Gracias de antemano, un saludo. > > -- > www.hectorfernandezroman.com > ___ > 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 > -- N a Y a 0 1 D e s i g n w w w. n a y a 0 1. c o m ___ 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] ORACLE PORTAL - tableless
Hola, Se que ya se ha hablado sobre este tema aquí, pero no encuentro el hilo respecto al tema del tableless layout en oracle portal 10.1.4. Estoy muy interesado en saber si alguién ha sido capaz de conseguir esto con oracle portal y cuales serían los mejores pasos a seguir o referencias de documentación, casos de exito, etc para poder adiestrarme en este fin. Gracias de antemano, un saludo. -- www.hectorfernandezroman.com ___ 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
