[Ovillo] Menu horizontal con rollover funcionando.
Gracias por la ayuda a la lista ya tengo el rollover horizontal basado en css funcionando, podeis ver como queda aqui www.zocu.com/css/rollover por si le sirve a alguien. http://www.zocu.com/css/rollover/ 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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Menu horizontal con rollover
Efectivamente, Almirante, no esta terminado, en cuanto lo tenga os lo muestro, lo del movimiento de las fuentes esta bien, es el efecto que quiero lograr al pasar el raton, el negativo y los enlaces no estan todavia. Gracias. >> >> Perdón, pero esto no es un rollover ni se le asemeja, ojo. Y tiene varios >> yeros: >> >> 1) Se mueve la fuente al pasar el mouse por arriba y eso es muy feo; >> 2) En Firefox y Explorer sólo funciona el negativo al hacer click, >> 3) En Firefox, al picar sobre los objetos, devuelve esta ruta: >> http://www.onbox.com/demo/rollover.html, en cambio, en Explorer, devuelve >> una página en blanco con esta ruta: http://www.onbox.com/demo/ >> >> Atte.: >> >> Almirante Von Web/. >> >> - Original Message - >> From: "Francisco J. Martinez Alegre" <[EMAIL PROTECTED]> >> To: "Ovillo, la lista de CSS en castellano" >> Sent: Friday, October 06, 2006 5:54 AM >> Subject: Re: [Ovillo] Menu horizontal con rollover >> >> >> Muchas gracias, Coso y Josetxu, funciona perfectamente. >> http://www.onbox.com/demo/rollover.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
Re: [Ovillo] Menu horizontal con rollover
Perdón, pero esto no es un rollover ni se le asemeja, ojo. Y tiene varios yeros: 1) Se mueve la fuente al pasar el mouse por arriba y eso es muy feo; 2) En Firefox y Explorer sólo funciona el negativo al hacer click, 3) En Firefox, al picar sobre los objetos, devuelve esta ruta: http://www.onbox.com/demo/rollover.html, en cambio, en Explorer, devuelve una página en blanco con esta ruta: http://www.onbox.com/demo/ Atte.: Almirante Von Web/. - Original Message - From: "Francisco J. Martinez Alegre" <[EMAIL PROTECTED]> To: "Ovillo, la lista de CSS en castellano" Sent: Friday, October 06, 2006 5:54 AM Subject: Re: [Ovillo] Menu horizontal con rollover Muchas gracias, Coso y Josetxu, funciona perfectamente. http://www.onbox.com/demo/rollover.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 ___ 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 horizontal con rollover
Muchas gracias, Coso y Josetxu, funciona perfectamente. http://www.onbox.com/demo/rollover.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
Re: [Ovillo] Menu horizontal con rollover
Efectivamente, tal como dice Josetxu, lo he probado y funciona en horizontal
añadiendo solo el float:left
El día 4/10/06, Josetxu Sancha Peña <[EMAIL PROTECTED]> escribió:
>
> Se te ha ocurrido probar con un float en el li
>
> > #menu li {
> float:left;
> > list-style-type: none;
> > }
>
> El 04/10/2006, a las 17:01, Francisco J. Martinez Alegre escribió:
>
> > Hola listeros y listeras.
> > Estoy intentando un menu con rollover, por supuesto utilizando
> > CSS,
> > solamente con una imagen por cada entrada de menu que "muevo" para
> > conseguir el efecto. Lo he utilizado verticalmente y ahora me hace
> > falta
> > en horizontal, pero claro, como los elementos tienen un
> > display:block se
> > producen saltos de linea y no se me ocurre como ponerlos inline.
> > ¿Se os
> > ocurre como hacer este menu en horizontal?
> >
> > El codigo es muy sencillo, falta desarrollar una imagen para cada
> > elemento, pero el funcionamiento puede entenderse:
> > HTML:
> >
> >
> >
> >
> > Texto del enlace
> > Texto
> > Texto
> >
> >
> >
> > CSS:
> > #menu { margin: auto;
> > background-color: #dbd855;
> > }
> > #menu li {
> > list-style-type: none;
> > }
> > #menu a {
> > display:block;
> > width:153px;
> > height: 32px;
> > background: url("imagenes/participa-rollover.gif");
> > }
> > #menu a:hover {
> > background-position: -153px 0;
> > }
> > #menu a:active {
> > background-position: -306px 0;
> > }
> > #menu li a span {
> > display:none; //Oculto el texto.
> > }
> >
> >
> > Podeis verlo corriendo en www.onbox.com/demo/rollover.html
> > http://www.onbox.com/demo/rollover.html
> >
> >
> > Muchas gracias por vuestro tiempo.
> > ___
> > 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
> >
>
> Saludos
>
> Josetxu Sancha
> Factor Sistemas S.L.
> C/ Nerbioi 3, 4º izquierda.
> 48001 Bilbao
> Spain
>
> Tel. +34 94 423.74.38
> Fax. +34 94 423.96.53
> E-mail: [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
>
--
juan romero cruz
___
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 horizontal con rollover
Se te ha ocurrido probar con un float en el li
> #menu li {
float:left;
> list-style-type: none;
> }
El 04/10/2006, a las 17:01, Francisco J. Martinez Alegre escribió:
> Hola listeros y listeras.
> Estoy intentando un menu con rollover, por supuesto utilizando
> CSS,
> solamente con una imagen por cada entrada de menu que "muevo" para
> conseguir el efecto. Lo he utilizado verticalmente y ahora me hace
> falta
> en horizontal, pero claro, como los elementos tienen un
> display:block se
> producen saltos de linea y no se me ocurre como ponerlos inline.
> ¿Se os
> ocurre como hacer este menu en horizontal?
>
> El codigo es muy sencillo, falta desarrollar una imagen para cada
> elemento, pero el funcionamiento puede entenderse:
> HTML:
>
>
>
>
> Texto del enlace
> Texto
> Texto
>
>
>
> CSS:
> #menu { margin: auto;
> background-color: #dbd855;
> }
> #menu li {
> list-style-type: none;
> }
> #menu a {
> display:block;
> width:153px;
> height: 32px;
> background: url("imagenes/participa-rollover.gif");
> }
> #menu a:hover {
> background-position: -153px 0;
> }
> #menu a:active {
> background-position: -306px 0;
> }
> #menu li a span {
> display:none; //Oculto el texto.
> }
>
>
> Podeis verlo corriendo en www.onbox.com/demo/rollover.html
> http://www.onbox.com/demo/rollover.html
>
>
> Muchas gracias por vuestro tiempo.
> ___
> 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
>
Saludos
Josetxu Sancha
Factor Sistemas S.L.
C/ Nerbioi 3, 4º izquierda.
48001 Bilbao
Spain
Tel. +34 94 423.74.38
Fax. +34 94 423.96.53
E-mail: [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
[Ovillo] Menu horizontal con rollover
Hola listeros y listeras.
Estoy intentando un menu con rollover, por supuesto utilizando CSS,
solamente con una imagen por cada entrada de menu que "muevo" para
conseguir el efecto. Lo he utilizado verticalmente y ahora me hace falta
en horizontal, pero claro, como los elementos tienen un display:block se
producen saltos de linea y no se me ocurre como ponerlos inline. ¿Se os
ocurre como hacer este menu en horizontal?
El codigo es muy sencillo, falta desarrollar una imagen para cada
elemento, pero el funcionamiento puede entenderse:
HTML:
Texto del enlace
Texto
Texto
CSS:
#menu { margin: auto;
background-color: #dbd855;
}
#menu li {
list-style-type: none;
}
#menu a {
display:block;
width:153px;
height: 32px;
background: url("imagenes/participa-rollover.gif");
}
#menu a:hover {
background-position: -153px 0;
}
#menu a:active {
background-position: -306px 0;
}
#menu li a span {
display:none; //Oculto el texto.
}
Podeis verlo corriendo en www.onbox.com/demo/rollover.html
http://www.onbox.com/demo/rollover.html
Muchas gracias por vuestro tiempo.
___
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
