Re: [Ovillo] menu css con imagenes
Perfecto, muchas gracias.
- Original Message -
From: "Manuel Castillo Sánchez" <[EMAIL PROTECTED]>
To: "Ovillo, la lista de CSS en castellano"
Sent: Sunday, May 27, 2007 5:38 AM
Subject: Re: [Ovillo] menu css con imagenes
Andres escribió:
> ¿Cómo puedo quitar el recuadro "azul enlace" que rodea las imágenes que
> contienen un link en Explorer?
>
> Lo he intentado con esto, pero nada
>
> #menusecun a{
> text-decoration:none;
> color:#FF;
> border:none;
> }
>
> 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
>
> __ NOD32 2292 (20070525) Information __
>
> This message was checked by NOD32 antivirus system.
> http://www.eset.com
>
>
>
>
Aplícaselo a la etiqueta así:
#menusecun img{
border: none;
}
O dale el color que desees al borde, creo que puede ser esto lo que
quieres si he entendido bien.
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
___
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] menu css con imagenes
Andres escribió:
> ¿Cómo puedo quitar el recuadro "azul enlace" que rodea las imágenes que
> contienen un link en Explorer?
>
> Lo he intentado con esto, pero nada
>
> #menusecun a{
> text-decoration:none;
> color:#FF;
> border:none;
> }
>
> 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
>
> __ NOD32 2292 (20070525) Information __
>
> This message was checked by NOD32 antivirus system.
> http://www.eset.com
>
>
>
>
Aplícaselo a la etiqueta así:
#menusecun img{
border: none;
}
O dale el color que desees al borde, creo que puede ser esto lo que
quieres si he entendido bien.
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
[Ovillo] menu css con imagenes
¿Cómo puedo quitar el recuadro "azul enlace" que rodea las imágenes que
contienen un link en Explorer?
Lo he intentado con esto, pero nada
#menusecun a{
text-decoration:none;
color:#FF;
border:none;
}
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] Menu css
Prueba con ... opciones Le metes margin o padding 0 a las imgs, etc... --- ¿Y con un float lo has probado? Saludos. > -Mensaje original- > De: [EMAIL PROTECTED] > [mailto:[EMAIL PROTECTED] En nombre de David Castelló > Enviado el: miércoles, 15 de marzo de 2006 13:42 > Para: Ovillo, la lista de CSS en castellano > Asunto: [Ovillo] Menu css > > Hola! > Mi codigo es el siguiente: > > > > > > > > > opciones >src="img3" /> > > > > > > > El resultado de lo anterior es: > img1 img2 > opciones > img3 img4 > > y yo lo que quiero es: > img1 img2 opciones img3 img4 > > Segun se, es un elemento de bloque, de ahi el salto de > linea despues de > los dos enlaces. Intento provocar que sea inline, para que esté a > continuación de los enlaces, pero no lo consigo. > Lo que quiero conseguir es tener un menu horizontal con 3 > imagenes, de tal > manera que al pasar el raton (hover) por la 3 imagen, se > depliegue a su lado > un nuevo listado horizontal con unas 5 imagenes. > Saludos ! > > -- > David Castelló > www.estandaresweb.es > ___ > 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 ___ 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] Menu css
¿Y con un float lo has probado? Saludos. > -Mensaje original- > De: [EMAIL PROTECTED] > [mailto:[EMAIL PROTECTED] En nombre de David Castelló > Enviado el: miércoles, 15 de marzo de 2006 13:42 > Para: Ovillo, la lista de CSS en castellano > Asunto: [Ovillo] Menu css > > Hola! > Mi codigo es el siguiente: > > > > > > > > > opciones >src="img3" /> > > > > > > > El resultado de lo anterior es: > img1 img2 > opciones > img3 img4 > > y yo lo que quiero es: > img1 img2 opciones img3 img4 > > Segun se, es un elemento de bloque, de ahi el salto de > linea despues de > los dos enlaces. Intento provocar que sea inline, para que esté a > continuación de los enlaces, pero no lo consigo. > Lo que quiero conseguir es tener un menu horizontal con 3 > imagenes, de tal > manera que al pasar el raton (hover) por la 3 imagen, se > depliegue a su lado > un nuevo listado horizontal con unas 5 imagenes. > Saludos ! > > -- > David Castelló > www.estandaresweb.es > ___ > 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 ___ 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
[Ovillo] Menu css
Hola! Mi codigo es el siguiente: opciones El resultado de lo anterior es: img1 img2 opciones img3 img4 y yo lo que quiero es: img1 img2 opciones img3 img4 Segun se, es un elemento de bloque, de ahi el salto de linea despues de los dos enlaces. Intento provocar que sea inline, para que esté a continuación de los enlaces, pero no lo consigo. Lo que quiero conseguir es tener un menu horizontal con 3 imagenes, de tal manera que al pasar el raton (hover) por la 3 imagen, se depliegue a su lado un nuevo listado horizontal con unas 5 imagenes. Saludos ! -- David Castelló www.estandaresweb.es ___ 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[2]: [Ovillo] Menu CSS con rollover
Hola Tony, Al IE lo tengo en modo automático, es cierto. De todas formas es la opción por default, y es muy probable que el 90% de los visitantes así lo tengan también, de modo que también sufrirían el delay que comentaba... El trick que muestras también funciona a la perfección en IE... es bueno saber que hay varias soluciones al problema (y yo ya creía que no había ninguna! :) Gracias por tu sugerencia. Federico. ===8<==Original message text=== Hola Federico: Leyendo tu post por encima, no será que tienes desactivada la cache? Esto provoca ese síntoma, normalmente el navegador IE va configurado con la opción de Archivos temporales de Internet en modo Automático. De todas maneras también hay tricks para que no suceda esto. mira: http://wellstyled.com/css-nopreload-rollovers.html Saludos ===8<===End of original message text=== [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://ovillo.org/mailman/listinfo/ovillo
RE: [Ovillo] Menu CSS con rollover
Hola Federico: Leyendo tu post por encima, no será que tienes desactivada la cache? Esto provoca ese síntoma, normalmente el navegador IE va configurado con la opción de Archivos temporales de Internet en modo Automático. De todas maneras también hay tricks para que no suceda esto. mira: http://wellstyled.com/css-nopreload-rollovers.html Saludos -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Federico Enviado el: lunes, 25 de abril de 2005 6:40 Para: ovillo@lists.ovillo.org Asunto: [Ovillo] Menu CSS con rollover Hola, En estos momentos me encuentro desarrollando un menú en css basado en . Para ello utilizo la clásica técnica de ocultar el texto con un ident de , mostrando en su lugar una imagen. La idea es hacer un rollover al pasar el mouse por encima de cada link, mostrando otra imagen para ese elemento. No he encontrado problemas para hacerlo en CSS y que se visualice bien en todos los navegadores; sin embargo, en IE sucede que cada vez que paso el mouse por encima de un elemento del menu, la imagen correspondiente aparece en blanco y se produce un delay de tres segundos hasta que visualiza la imagen correctamente, efecto por demás indeseable y hasta confuso (al parecer, IE trata de volver a cargar la imagen cada vez que se pasa el mouse sobre un link, de ahí el delay). He estado visitando páginas en busca de ejemplos similares, por ejemplo, www.jinabolton.com, pero noto que en todos los casos el menu sufre del mismo problema del que les hablo. ¿Alguien tiene alguna sugerencia o solución? Saludos, Federico. ___ 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[2]: [Ovillo] Menu CSS con rollover
mil gracias, Camilo. después de varias idas y vueltas, finalmente pude resolver el problema. saludos, Federico. [EMAIL PROTECTED] >Hola Federico > >Ese problema aparece en IE cuando la imagen está como background de >no cuando lo es de los . La solución podría ser poner el background >en este último, pero no! porque IE no soporta :hover en otros elementos >que no sean enlaces. >Entonces, aunque no me acuerdo con precisión la técnica, la solución >consiste, en principio, en usar una sola imagen para ambos estados del >rollover. El estado "normal" va como background del y el estado >"hover" como background del recurriendo en ambos casos la >posibilidad de precisar una posición para la imagen. >La imagen de fondo de debe tapar a la imagen de fondo de . >Luego, en a:hover lo que hacés es poner background:none o desplazar la >posición de la imagen para que se oculte... y voilá! >Espero que te sirva, >Saludos ___ 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] Menu CSS con rollover
Hola Federico Federico escribió: No he encontrado problemas para hacerlo en CSS y que se visualice bien en todos los navegadores; sin embargo, en IE sucede que cada vez que paso el mouse por encima de un elemento del menu, la imagen correspondiente aparece en blanco y se produce un delay de tres segundos hasta que visualiza la imagen correctamente, efecto por demás indeseable y hasta confuso (al parecer, IE trata de volver a cargar la imagen cada vez que se pasa el mouse sobre un link, de ahí el delay). Ese problema aparece en IE cuando la imagen está como background de no cuando lo es de los . La solución podría ser poner el background en este último, pero no! porque IE no soporta :hover en otros elementos que no sean enlaces. Entonces, aunque no me acuerdo con precisión la técnica, la solución consiste, en principio, en usar una sola imagen para ambos estados del rollover. El estado "normal" va como background del y el estado "hover" como background del recurriendo en ambos casos la posibilidad de precisar una posición para la imagen. La imagen de fondo de debe tapar a la imagen de fondo de . Luego, en a:hover lo que hacés es poner background:none o desplazar la posición de la imagen para que se oculte... y voilá! Espero que te sirva, Saludos ___ 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
[Ovillo] Menu CSS con rollover
Hola, En estos momentos me encuentro desarrollando un menú en css basado en . Para ello utilizo la clásica técnica de ocultar el texto con un ident de , mostrando en su lugar una imagen. La idea es hacer un rollover al pasar el mouse por encima de cada link, mostrando otra imagen para ese elemento. No he encontrado problemas para hacerlo en CSS y que se visualice bien en todos los navegadores; sin embargo, en IE sucede que cada vez que paso el mouse por encima de un elemento del menu, la imagen correspondiente aparece en blanco y se produce un delay de tres segundos hasta que visualiza la imagen correctamente, efecto por demás indeseable y hasta confuso (al parecer, IE trata de volver a cargar la imagen cada vez que se pasa el mouse sobre un link, de ahí el delay). He estado visitando páginas en busca de ejemplos similares, por ejemplo, www.jinabolton.com, pero noto que en todos los casos el menu sufre del mismo problema del que les hablo. ¿Alguien tiene alguna sugerencia o solución? Saludos, Federico. ___ 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
