[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 ovillo@lists.ovillo.org 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
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 ovillo@lists.ovillo.org 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
[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:
div id=menu
ul id=menulista
lia href= /a/li
lia href= /a/li
lia href=spanTexto del enlace/span/a/li
lia href=spanTexto/span/a/li
lia href=spanTexto/span/a/li
/ul
/div
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
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:
div id=menu
ul id=menulista
lia href= /a/li
lia href= /a/li
lia href=spanTexto del enlace/span/a/li
lia href=spanTexto/span/a/li
lia href=spanTexto/span/a/li
/ul
/div
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
