Small jQuery datepickers (Pregunta CSS)

Implementé un jQuery datepicker en mi sitio. Esa parte funcionó bien. ¡El problema es que es demasiado grande! Todos los ejemplos en los tutoriales tienen lindos calendarios pequeños, pero cuando lo implemento (estoy usando el dot-luv css alojado en Google) es realmente grande. He buscado en el sitio de jQuery pero no puedo encontrar una plantilla CSS estándar con calendarios pequeños.Small jQuery datepickers (Pregunta CSS)

Necesito algo así como el calendario en http://jqueryui.com/demos/datepicker/#inline.

¿Hay alguna manera fácil de obtener ese tamaño o solo nos están molestando?

Gracias!

Fuente

2011-04-26 Danni

¿Está seguro de que el CSS se está descargando correctamente y está incluido correctamente en su sitio? ¿Has intentado utilizar el tema de la luminosidad de la interfaz de usuario en Google CDN primero para asegurarte de que funciona correctamente? Si estás haciendo esas dos cosas, ¿tienes una captura de pantalla de lo que estás viendo? – JasCav

Sí, lo he intentado con múltiples calendarios diferentes, todos terminan del mismo tamaño. Puedes verlo como un ejemplo de lo que obtengo de Google CSS en http://www.cse.msu.edu/~kaydiann/demo/testdate.php – Danni

Muy interesante: también estoy viendo el problema. ¿Has intentado NO utilizar el CDN de Google (descarga el jQuery a tu entorno local). Intenté el CDN de Microsoft y eso parecía tener el mismo problema. Sin embargo, no obtuve este problema en mi propio proyecto ... extraño ... – JasCav

Cambie el tamaño de fuente en su instancia de datepicker.

#datepicker {font-size:10px;}

Fuente

2011-04-26 20:53:07 Nathan

@ user726128 - Esto parece solucionar el problema, pero no entiendo por qué esto es un problema en la primera lugar. Estoy de acuerdo con Danni en que el tamaño predeterminado del calendario no debería ser tan grande. Extraño. – JasCav

Se debe a que el tamaño de otros elementos dentro del datepicker es relativo al tamaño de la fuente de su elemento principal. Si miras el CSS, notarás que todos los valores están expresados en EM. – Nathan

Tuve el problema opuesto con la misma solución. La fuente principal era pequeña, por lo que el calendario era muy pequeño. Encontré que la entrada de css era '.datepick' con un tamaño de fuente, así que eliminé eso. – goodeye

Small jQuery datepickers (Pregunta CSS)

Respuesta

Cuestiones relacionadas