Re: [Ovillo] comportamiento hover
Correcto. Lo quería resolver con CLASS pero parece que es con ID... :(
He tratado de esquivar el Javascript (con lo cual lo hubiese resuelto en un
santiamén) por probar con CSS.
Por ahí comenté algunas pegas (como dicen en España) y algunos trucos que
utilicé para que se vea bien en todos los navegadores a mi alcance.
Gracias por la orientación.
A.V.W.
- Original Message -
From: "aleks salinas" <[EMAIL PROTECTED]>
To: "Ovillo, la lista de CSS en castellano"
Sent: Tuesday, August 14, 2007 9:58 AM
Subject: Re: [Ovillo] comportamiento hover
Buenas. He hestado mirando un pokito el tema.
Si estas haciendo la web para netscape (mozilla, firefox...) el siguiente
codigo te funcionara:
#imagenFondo:link{background-image:url(images/imagen1.jpg);background-repeat:no-repeat}
#imagenFondo:visited{background-image:url(images/imagen1.jpg);background-repeat:no-repeat}
#imagenFondo:active{background-image:url(images/imagen1.jpg);background-repeat:no-repeat}
#imagenFondo:hover{background-image:url(images/imagen2.jpg);background-repeat:no-repeat} asdadadsadsad Si lo kieres para
IE, lo suyo seria utilizar onMouseOver y onMouseOut. Otrasolucion seria poner
el div dentro de una etiqueta .Espero que te sirva de
ayudaSuerte!!2007/8/14, LISTAS <[EMAIL PROTECTED]>:>> Un problema: tengo un div
que como fondo tiene una imagen y quiero que al> poner el cursor sobre el mismo
me cambie la imagen y al salir me devuelva> la> original. ¿Cómo se hace eso con
CSS?>> ___> Lista de d
istribució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 OvilloPara escribir a la lista, envia un correo a [EMAIL
PROTECTED] 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] comportamiento hover
OK, funciona con ID, pero no entiendo porqué con CLASS no funciona. Yo había
hecho todo "tal cual el ejemplo" sugerido pero con CLASS.
¿Alguien sabe por qué con uno sí y con el otro no?
Con Explorer lo resolví anidando un Anchor entre dos DIV... pero me
desapareció la manito del enlace, aunque enlaza perfectamente... (!!) De
modo que hice una truca exclusiva para el cursor con Explorer y todo quedó a
pedir de boca.
De todos modos, es un bodrio que no se resuelva con una simple clase ya que
hay que encadenar tantos estilos como recursos haya (#enlace1, #enlace2,
#enlace3, etc. + (#enlace1:hover, #enlace2:hover, #enlace3:hover, etc. ).
En fin, gracias por todo.
A.V.W.
- Original Message -
From: "Almorca" <[EMAIL PROTECTED]>
To: "Ovillo, la lista de CSS en castellano"
Sent: Tuesday, August 14, 2007 9:17 AM
Subject: Re: [Ovillo] comportamiento hover
Pues con hover como muy bien has puesto en el título.
Prueba con
#id {
background: transparent url(imagen1.png) no-repeat;
}
#id:hover {
background: transparent url(imagen2.png) no-repeat;
}
El problema es que IE sólo te deja usar hover con enlaces por lo que tendrás
que usar algún hack para IE. Prueba con la librería
IE7.
Re: [Ovillo] zoom con CSS
ok, Manolo a tu disposicón ss PB En Tue, 14 Aug 2007 14:59:19 -0400, Manolo Castillo Sánchez <[EMAIL PROTECTED]> escribió: > Exacto eso es lo que quiero con matices, muchas gracias tanto a tí como a > Agustín. El matiz son las imágenes, probaré a ver que tal quedan. > Saludos y > gracias. > - Original Message - > From: "Jorge L. Batista E." <[EMAIL PROTECTED]> > To: "Ovillo, la lista de CSS en castellano" > Sent: Tuesday, August 14, 2007 2:05 PM > Subject: Re: [Ovillo] zoom con CSS > > > Si entendí tu pregunta, eso lo resuelves poniendo TODAS las medidas > relativas a alguna otra conocida (no en píxels sino en %, em, ex...). Es > importante especificar un tamaño para todo lo que quieras que cambie de > tamaño porque si no algunos navegadores no tocarán el elemento que no lo > tenga especificado. > Después puedes aumentar o disminuir el tamaño, bien usando JavaScrip o > los > antes mencionados Ctrl++ Ctrl+-. > Espero haberte ayudado > ss > PB > > En Mon, 13 Aug 2007 22:15:32 -0400, Manolo Castillo Sánchez > <[EMAIL PROTECTED]> escribió: > >> Hola [EMAIL PROTECTED], mi pregunta es fácil, después de navegar por google >> y no >> encontrar resultados os pregunto a vosotros, ¿existe algún método para >> imitar con CSS el zoom total de la página como lo hace el navegador >> Opera? >> >> Gracias de antemano. >> ___ >> 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 >> >> >> 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. >> >> Cartelera Interactiva de Opus Habana: >> http://opushabana.ohc.cu/cartelera.php con la programación cultural del >> Centro Histórico. >> Servidor Central de Ficheros: ftp://ftp.ohc.cu con programas, >> controladores drivers, documentación técnica y una biblioteca digital. >> >> mailto:[EMAIL PROTECTED] para insertar información al final de los >> mensajes de correo electrónico enviados hacia o desde la OHCH o llámenos >> al 8608853/48 >> >> >> __ Información de NOD32, revisión 2457 (20070813) __ >> >> Este mensaje ha sido analizado con NOD32 antivirus system >> http://www.nod32.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 > > __ Información de NOD32, revisión 2460 (20070814) __ > > Este mensaje ha sido analizado con NOD32 antivirus system > http://www.nod32.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 > > > __ Información de NOD32, revisión 2460 (20070814) __ > > Este mensaje ha sido analizado con NOD32 antivirus system > http://www.nod32.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
[Ovillo] Problemas con Flash + Menu desplegrable
Hola listeros,
Tengo un problema, hice un menu desplegable que esta arriba de un flash,
pero cuando se depliegan las opciones secundarias el flash los tapa, es
decir, se despliegan por debajo de la animacon.
El flash lo inserte con teiquetas
el menu es del top
# menu > li {
Display: none;
}
# menu:hover > li {
Display: block;
}
Alguna idea,
Muchas Gracias.
--
Lucas Franco
___
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] comportamiento hover
Eso, precisamente, es lo que no funciona... :(
Ve tú mismo tu propio ejemplo.
- Original Message -
From: "Lucas Franco" <[EMAIL PROTECTED]>
To: "Ovillo, la lista de CSS en castellano"
Sent: Tuesday, August 14, 2007 9:36 AM
Subject: Re: [Ovillo] comportamiento hover
Para mi, la mas rapida es crear una clase, y asignarle a la
pseudo-clase:hoverun fondo a la la que no tiene psudoclase fondo
ninguno, asi:
.CLASEBOTON {
background-image:none;
}
.CLASEBOTON:hover {
background-image: url(imagen.png);
}
la imagen puede ser tambien .gif o jpg.
Espero que te sirva.
On 8/14/07, LISTAS <[EMAIL PROTECTED]> wrote:
>
> Un problema: tengo un div que como fondo tiene una imagen y quiero que al
> poner el cursor sobre el mismo me cambie la imagen y al salir me devuelva
> la
> original. ¿Cómo se hace eso con CSS?
>
> ___
> 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
>
--
Lucas Franco
___
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] comportamiento hover
Buenas. He hestado mirando un pokito el tema.
Si estas haciendo la web para netscape (mozilla, firefox...) el siguiente
codigo te funcionara:
#imagenFondo:link{background-image:url(images/imagen1.jpg);background-repeat:no-repeat}
#imagenFondo:visited
{background-image:url(images/imagen1.jpg);background-repeat:no-repeat}
#imagenFondo:active
{background-image:url(images/imagen1.jpg);background-repeat:no-repeat}
#imagenFondo:hover
{background-image:url(images/imagen2.jpg);background-repeat:no-repeat}
asdadadsadsad
Si lo kieres para IE, lo suyo seria utilizar onMouseOver y onMouseOut. Otra
solucion seria poner el div dentro de una etiqueta .
Espero que te sirva de ayuda
Suerte!!
2007/8/14, LISTAS <[EMAIL PROTECTED]>:
>
> Un problema: tengo un div que como fondo tiene una imagen y quiero que al
> poner el cursor sobre el mismo me cambie la imagen y al salir me devuelva
> la
> original. ¿Cómo se hace eso con CSS?
>
> ___
> 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] Forzar a que un vínculo dentro de una l ista horizontal [...] solucionado: Grac ias
On 8/14/07, Lucas Franco <[EMAIL PROTECTED]> wrote: > > Carlos, que es lo que hace el clear exactamente? nunca lo use. > hace que el elemento se situe a una altura dentro de la página que le permita situarse (porque no hay otros elementos) lo más a la izquierda (left), derecha (right) o ambos lados (both). Se usa casi siempre después de elementos flotados. Sé que me explico fatal, y estoy un poco ocupado ahora para tratar de mejorar mi lírica... http://www.quackit.com/css/properties/css_clear.cfm http://www.w3schools.com/css/pr_class_clear.asp http://www.w3.org/TR/REC-CSS1#clear ala, suerte -- Si no puedes deslumbrar con tu sabiduría, desconcierta con tus gilipolleces ___ 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] zoom con CSS
Exacto eso es lo que quiero con matices, muchas gracias tanto a tí como a Agustín. El matiz son las imágenes, probaré a ver que tal quedan. Saludos y gracias. - Original Message - From: "Jorge L. Batista E." <[EMAIL PROTECTED]> To: "Ovillo, la lista de CSS en castellano" Sent: Tuesday, August 14, 2007 2:05 PM Subject: Re: [Ovillo] zoom con CSS Si entendí tu pregunta, eso lo resuelves poniendo TODAS las medidas relativas a alguna otra conocida (no en píxels sino en %, em, ex...). Es importante especificar un tamaño para todo lo que quieras que cambie de tamaño porque si no algunos navegadores no tocarán el elemento que no lo tenga especificado. Después puedes aumentar o disminuir el tamaño, bien usando JavaScrip o los antes mencionados Ctrl++ Ctrl+-. Espero haberte ayudado ss PB En Mon, 13 Aug 2007 22:15:32 -0400, Manolo Castillo Sánchez <[EMAIL PROTECTED]> escribió: > Hola [EMAIL PROTECTED], mi pregunta es fácil, después de navegar por google y > no > encontrar resultados os pregunto a vosotros, ¿existe algún método para > imitar con CSS el zoom total de la página como lo hace el navegador > Opera? > > Gracias de antemano. > ___ > 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 > > > 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. > > Cartelera Interactiva de Opus Habana: > http://opushabana.ohc.cu/cartelera.php con la programación cultural del > Centro Histórico. > Servidor Central de Ficheros: ftp://ftp.ohc.cu con programas, > controladores drivers, documentación técnica y una biblioteca digital. > > mailto:[EMAIL PROTECTED] para insertar información al final de los > mensajes de correo electrónico enviados hacia o desde la OHCH o llámenos > al 8608853/48 > > > __ Información de NOD32, revisión 2457 (20070813) __ > > Este mensaje ha sido analizado con NOD32 antivirus system > http://www.nod32.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 __ Información de NOD32, revisión 2460 (20070814) __ Este mensaje ha sido analizado con NOD32 antivirus system http://www.nod32.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
[Ovillo] Flash.............
Como hago para que el flash solo cargue una vez Me explico, tengo un top en flash y cada vez que navego en la página y entro el flash vuelve y carga desde el principio, como evito eso??? gracias Cordial Saludo Jorge Velasco H. Web and Graphic Designer - Choose the right car based on your needs. Check out Yahoo! Autos new Car Finder tool. ___ 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] zoom con CSS
yo tengo un ejemplo implementado en el que crecen las imágenes también y lo hago exactamente como dice Agustín. aquí les paso el link para que prueben. Sólo una nota, esto requiere un especial esfuerzo del diseñador gráfico para preparar las imágenes de manera que se garantice una calidad aceptable tanto para ampliaciones como para reducciones. ahí les dejo el link http://hotelsaratoga.ohc.cu Prúebenlo (Ctrl++ Ctrl+-) y me comentan ss PB En Tue, 14 Aug 2007 07:53:54 -0400, Agustin Bouillet <[EMAIL PROTECTED]> escribió: > Manolo > Si, se puede reproducir algo similar a la propiedad que tiene Opera con > el > zoom. Deberias trabajar todas las medidas de tu sitio con medidas > relativas > (em o %), y evitar las absolutas (px). De este modo, cuando aumentes el > tamaño del texto, todo se ampliará relativamente. Tambien podrias > manejarlo > por javascript, como un elemento extra y posiblemente significativo para > el > usuario. > Personalmente, nunca lo aplique en un trabajo pero tengo algunas pruebas > en > casa, si las encuentro armo un link para que las veas. > Por ahora mi único miedo son las imágenes, las eh probado con un width al > 100% (sin el height), de modo que puedan adaptarse siempre al contenedor. > Saludos > > > > On 8/13/07, Manolo Castillo Sánchez <[EMAIL PROTECTED]> wrote: >> >> Hola [EMAIL PROTECTED], mi pregunta es fácil, después de navegar por google >> y no >> encontrar resultados os pregunto a vosotros, ¿existe algún método para >> imitar con CSS el zoom total de la página como lo hace el navegador >> Opera? >> >> Gracias de antemano. >> ___ >> 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 > > > 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. > > Cartelera Interactiva de Opus Habana: > http://opushabana.ohc.cu/cartelera.php con la programación cultural del > Centro Histórico. > Servidor Central de Ficheros: ftp://ftp.ohc.cu con programas, > controladores drivers, documentación técnica y una biblioteca digital. > > mailto:[EMAIL PROTECTED] para insertar información al final de los > mensajes de correo electrónico enviados hacia o desde la OHCH o llámenos > al 8608853/48 > > > __ Información de NOD32, revisión 2457 (20070813) __ > > Este mensaje ha sido analizado con NOD32 antivirus system > http://www.nod32.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
Re: [Ovillo] Codificación Firefox (letras acentuad as caracteres especiales...)
final20 escribió: > Bueno mas que problema era una duda que traía en mente desde hace rato > ya que cuando ando navegando en Internet es muy seguido que vea símbolos > raros "Programación" por ejemplo y pues quería saber si habría otra > forma de presentar los acentos y caracteres especiales de una manera mas > simple que el á é etc. etc... voy a probar con utf-8 y haber > que sucede ^^ empezare por cambiar mi server de pruebas ^^ y haber como > me va con la DB gracias ^^ > > El único 'truco' que hay es que si el documento esta en guardado con una codificación (utf-8, iso-8859-1...) el servidor debe hacerlo igual, puedes ver como te lo envía el servidor en Herramientas / Ver información de la página. -- Saludos -=stripTM=- ___ 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] Forzar a que un vínculo dentro de una l ista horizontal [...] solucionado: Grac ias
Carlos, que es lo que hace el clear exactamente? nunca lo use.
On 8/14/07, Alejandro Gonzalo Bravo García <[EMAIL PROTECTED]> wrote:
>
> Saludos, y gracias por vuestras respuestas, ambas funcionaban:
>
> Carlos Campderrós dijo:
> has probado:
>
> ul li
> {
>display: block;
>float: left;
>width: 100px;
> }
>
> y tras la lista, poner un elemento que haga clear both.
>
> Gonzalo: perfecto. Ha sido mi opción elegida :)
>
> Y Almorca dijo:
> A lo mejor lo que te voy a decir es una burrada, pero ¿has probado con
> inline-block?
>
> Gonzalo: Con "dispaly:inline-block" no, pero con "display:inline block" sí
> que funciona perfectamente :)
>
> Muchas gracias a todos.
>
> Alejandro Gonzalo Bravo García
> www.webposible.com
>
> - Mensaje original
> De: carlos campderrós <[EMAIL PROTECTED]>
> Para: "Ovillo, la lista de CSS en castellano"
> Enviado: lunes, 13 de agosto, 2007 17:05:54
> Asunto: Re: [Ovillo] Forzar a que un vínculo dentro de una lista
> horizontal tenga un tamaño fijo
>
> hola,
>
> On 8/13/07, Alejandro Gonzalo Bravo García <[EMAIL PROTECTED]>
> wrote:
> >
> > ALGUIEN SABE CÓMO...
> > Resumiendo todo en forma de cuestionario: Conocéis alguna forma de que
> una
> > lista de elementos (li) se comporte...
> > 1.- con un "salto de línea" cuando no cabe en una fila
> > 2.- pudiendo controlar el ancho de cada elemento (para que sean
> > visualmente iguales)
> > 3.- que se parezca a una tabla... sin que el código html sea una tabla
> > 4.- se aceptan varias listas horizontales (una encima de otra)
> > 5.- No se acepta usar una tabla, porque es una lista de elementos, no
> > datos tabulares.
> >
>
> has probado:
>
> ul li
> {
>display: block;
>float: left;
>width: 100px;
> }
>
> y tras la lista, poner un elemento que haga clear both.
>
> --
> Si no puedes deslumbrar con tu sabiduría,
> desconcierta con tus gilipolleces
> ___
> 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
>
>
>
>
>
>
>
>
>
>
> Sé un Mejor Amante del Cine
> ¿Quieres saber cómo? ¡Deja que otras personas te ayuden!
> http://advision.webevents.yahoo.com/reto/entretenimiento.html
> ___
> 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
>
--
Lucas Franco
___
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] comportamiento hover
Para mi, la mas rapida es crear una clase, y asignarle a la
pseudo-clase:hoverun fondo a la la que no tiene psudoclase fondo
ninguno, asi:
.CLASEBOTON {
background-image:none;
}
.CLASEBOTON:hover {
background-image: url(imagen.png);
}
la imagen puede ser tambien .gif o jpg.
Espero que te sirva.
On 8/14/07, LISTAS <[EMAIL PROTECTED]> wrote:
>
> Un problema: tengo un div que como fondo tiene una imagen y quiero que al
> poner el cursor sobre el mismo me cambie la imagen y al salir me devuelva
> la
> original. ¿Cómo se hace eso con CSS?
>
> ___
> 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
>
--
Lucas Franco
___
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] comportamiento hover
On 8/14/07, LISTAS <[EMAIL PROTECTED]> wrote:
>
> Un problema: tengo un div que como fondo tiene una imagen y quiero que al
> poner el cursor sobre el mismo me cambie la imagen y al salir me devuelva
> la
> original. ¿Cómo se hace eso con CSS?
sin probarlo, pero que debería funcionar en casi todo menos en IE:
#id_del_div
{
background-image: url(normal.png);
}
#id_del_div:hover
{
background-image: url(resaltado.png);
}
saludos.
--
Si no puedes deslumbrar con tu sabiduría,
desconcierta con tus gilipolleces
___
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] comportamiento hover
Utilizando una imagen mayor que el div y limitando su visibilidad según el estado del enlace: Estado 1: (* delimita el DIV) * * - * * | img | * * | | | | - Estado 2: - | img | * * | | * * | | - Estado 3: - | img | | | * * | | * * También puedes hacerlo si utilizas una imagen transparente donde los bordes sean sólidos. Entonces con cambiar el Background según el estado consigues el mismo efecto Estado 1: ++ ++++++ ++++++ ++ Estado n: ++ ++++++ ++++++ ++ Espero que la utilización de pseudo-imágenes ASCII no haya contribuido a liarlo. Un saludo Victoria El mar, 14-08-2007 a las 08:31 -0300, LISTAS escribió: > Un problema: tengo un div que como fondo tiene una imagen y quiero que al > poner el cursor sobre el mismo me cambie la imagen y al salir me devuelva la > original. ¿Cómo se hace eso con CSS? > > ___ > 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] comportamiento hover
Pues con hover como muy bien has puesto en el título.
Prueba con
#id {
background: transparent url(imagen1.png) no-repeat;
}
#id:hover {
background: transparent url(imagen2.png) no-repeat;
}
El problema es que IE sólo te deja usar hover con enlaces por lo que tendrás
que usar algún hack para IE. Prueba con la librería
IE7.
Re: [Ovillo] comportamiento hover
Hola, Listas > Un problema: tengo un div que como fondo tiene una imagen y quiero que al > poner el cursor sobre el mismo me cambie la imagen y al salir me devuelva la > original. ¿Cómo se hace eso con CSS? Como se ha dicho ya varias veces por aquí: la pseudo-clase hover sólo funciona (al menos de momento) para la etiqueta no para ni para ninguna otra. Tu solución (si no te queda más remedio que utilizar un div) es javascript y el evento onmouseover. Un saludo Rodrigo ___ 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] zoom con CSS
Si entendí tu pregunta, eso lo resuelves poniendo TODAS las medidas relativas a alguna otra conocida (no en píxels sino en %, em, ex...). Es importante especificar un tamaño para todo lo que quieras que cambie de tamaño porque si no algunos navegadores no tocarán el elemento que no lo tenga especificado. Después puedes aumentar o disminuir el tamaño, bien usando JavaScrip o los antes mencionados Ctrl++ Ctrl+-. Espero haberte ayudado ss PB En Mon, 13 Aug 2007 22:15:32 -0400, Manolo Castillo Sánchez <[EMAIL PROTECTED]> escribió: > Hola [EMAIL PROTECTED], mi pregunta es fácil, después de navegar por google y > no > encontrar resultados os pregunto a vosotros, ¿existe algún método para > imitar con CSS el zoom total de la página como lo hace el navegador > Opera? > > Gracias de antemano. > ___ > 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 > > > 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. > > Cartelera Interactiva de Opus Habana: > http://opushabana.ohc.cu/cartelera.php con la programación cultural del > Centro Histórico. > Servidor Central de Ficheros: ftp://ftp.ohc.cu con programas, > controladores drivers, documentación técnica y una biblioteca digital. > > mailto:[EMAIL PROTECTED] para insertar información al final de los > mensajes de correo electrónico enviados hacia o desde la OHCH o llámenos > al 8608853/48 > > > __ Información de NOD32, revisión 2457 (20070813) __ > > Este mensaje ha sido analizado con NOD32 antivirus system > http://www.nod32.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
Re: [Ovillo] zoom con CSS
Manolo Si, se puede reproducir algo similar a la propiedad que tiene Opera con el zoom. Deberias trabajar todas las medidas de tu sitio con medidas relativas (em o %), y evitar las absolutas (px). De este modo, cuando aumentes el tamaño del texto, todo se ampliará relativamente. Tambien podrias manejarlo por javascript, como un elemento extra y posiblemente significativo para el usuario. Personalmente, nunca lo aplique en un trabajo pero tengo algunas pruebas en casa, si las encuentro armo un link para que las veas. Por ahora mi único miedo son las imágenes, las eh probado con un width al 100% (sin el height), de modo que puedan adaptarse siempre al contenedor. Saludos On 8/13/07, Manolo Castillo Sánchez <[EMAIL PROTECTED]> wrote: > > Hola [EMAIL PROTECTED], mi pregunta es fácil, después de navegar por google y > no > encontrar resultados os pregunto a vosotros, ¿existe algún método para > imitar con CSS el zoom total de la página como lo hace el navegador Opera? > > Gracias de antemano. > ___ > 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] comportamiento hover
Un problema: tengo un div que como fondo tiene una imagen y quiero que al poner el cursor sobre el mismo me cambie la imagen y al salir me devuelva la original. ¿Cómo se hace eso con CSS? ___ 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] como acomodo un diseño verticalmente y un os cuadros en el index?
nacasones lo puse por no decir huevos. La verdad es que en España tampoco se usa y no sé como se me ocurrió. El día 13/08/07, Constanza Quintero C. <[EMAIL PROTECTED]> escribió: > > Bueno gracias, > > Ya estoy usando div's para arreglar el diseño, lo siento pero hasta ahora > estoy aprendiendo y por eso use tablas. Por favor alguien me podria > explicar > el significado de esta expresion ? > > Menudos nacasones > > Aqui en mi pais no se usa y espero que no sea ofensivo > > Hasta pronto > > > -- > CONSTANZA EUGENIA QUINTERO CALDERÓN > Universidad Francisco de Paula Santander > Estudiante de Ingeniería de Sistemas > ___ > 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 > -- We don't need no education - Pink Floyd ___ 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] Saludo
Aquí tienes una para detectar las clases sin usar: http://www.anieto2k.com/2007/07/30/dust-me-selector-%c2%bfque-clases-me-sobr an-en-mis-css/ -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Tei Enviado el: martes, 14 de agosto de 2007 10:06 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Saludo Tambien es util el "Ted Realtime Editor extension", que entre otras cosas tiene unos editores en vivo de html, xul y js. Es decir, saca una ventana que la mitad es codigo, y la otra mitad es la renderizacion de ese codigo. Si haces un cambio en el codigo la parte de visualizacion inmediatamente se refresca. Sobretodo es practico para probar un segmento de html/css de forma aislada de forma muy rapida. Hace un par de hilos la gente menciono extensiones para detectar clases sin usar en CSS. Deberias mirar en los archivos de la lista alguna de estas extensiones. ___ 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] Saludo
Tambien es util el "Ted Realtime Editor extension", que entre otras cosas tiene unos editores en vivo de html, xul y js. Es decir, saca una ventana que la mitad es codigo, y la otra mitad es la renderizacion de ese codigo. Si haces un cambio en el codigo la parte de visualizacion inmediatamente se refresca. Sobretodo es practico para probar un segmento de html/css de forma aislada de forma muy rapida. Hace un par de hilos la gente menciono extensiones para detectar clases sin usar en CSS. Deberias mirar en los archivos de la lista alguna de estas extensiones. ___ 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] Forzar a que un vínculo dentro de una l ista horizontal [...] solucionado: Gracias
Saludos, y gracias por vuestras respuestas, ambas funcionaban:
Carlos Campderrós dijo:
has probado:
ul li
{
display: block;
float: left;
width: 100px;
}
y tras la lista, poner un elemento que haga clear both.
Gonzalo: perfecto. Ha sido mi opción elegida :)
Y Almorca dijo:
A lo mejor lo que te voy a decir es una burrada, pero ¿has probado con
inline-block?
Gonzalo: Con "dispaly:inline-block" no, pero con "display:inline block" sí que
funciona perfectamente :)
Muchas gracias a todos.
Alejandro Gonzalo Bravo García
www.webposible.com
- Mensaje original
De: carlos campderrós <[EMAIL PROTECTED]>
Para: "Ovillo, la lista de CSS en castellano"
Enviado: lunes, 13 de agosto, 2007 17:05:54
Asunto: Re: [Ovillo] Forzar a que un vínculo dentro de una lista horizontal
tenga un tamaño fijo
hola,
On 8/13/07, Alejandro Gonzalo Bravo García <[EMAIL PROTECTED]> wrote:
>
> ALGUIEN SABE CÓMO...
> Resumiendo todo en forma de cuestionario: Conocéis alguna forma de que una
> lista de elementos (li) se comporte...
> 1.- con un "salto de línea" cuando no cabe en una fila
> 2.- pudiendo controlar el ancho de cada elemento (para que sean
> visualmente iguales)
> 3.- que se parezca a una tabla... sin que el código html sea una tabla
> 4.- se aceptan varias listas horizontales (una encima de otra)
> 5.- No se acepta usar una tabla, porque es una lista de elementos, no
> datos tabulares.
>
has probado:
ul li
{
display: block;
float: left;
width: 100px;
}
y tras la lista, poner un elemento que haga clear both.
--
Si no puedes deslumbrar con tu sabiduría,
desconcierta con tus gilipolleces
___
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
Sé un Mejor Amante del Cine
¿Quieres saber cómo? ¡Deja que otras personas te ayuden!
http://advision.webevents.yahoo.com/reto/entretenimiento.html
___
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
