13Feb06
#@!#?* explorer …. (II)
Gracias a Cruzul y sus estupendas pistas he conseguido modificar el tamaño del calendario en IE… y en Firefox, que ya puestos … 
Yo estaba empeñada en introducir la llamada al calendario dentro de una categoría que yo había definido dentro de la hoja de estilo.
Es decir, algo como esto en la barra lateral
<div id="calendar">< ?php get_calendar(2); ?>
</div>
y definiendo en la css
#calendar {
font-size: 11px;
padding-left: 13px !important; padding-left: 2px;
}
pero IE no hacía caso de estas indicaciones … aunque sí Firefox … eso es lo curioso.
Bien, la pista de Cruzul me llevó a fijarme en el código real que estaban interpretando los navegadores.
El calendario es, en realidad, una tabla:
<ul> <table id="wp-calendar">
<caption>Febrero 2006</caption>
<thead>
<tr>
<th abbr=”Lunes” scope=”col” title=”Lunes”>Lun</th>
<th abbr=”Martes” scope=”col” title=”Martes”>Mar</th>
<th abbr=”Miércoles” scope=”col” title=”Miércoles”>Mie</th>
<th abbr=”Jueves” scope=”col” title=”Jueves”>Jue</th>
<th abbr=”Viernes” scope=”col” title=”Viernes”>Vie</th>
<th abbr=”Sábado” scope=”col” title=”Sábado”>Sab</th>
<th abbr=”Domingo” scope=”col” title=”Domingo”>Dom</th>
</tr>
</thead> …
</table></ul>
Así que lo que hice fue crear una categoría en la css llamada “wp-calendar” ( y no “calendar” como yo tenía. Fuerzo el tamaño de los caracteres a mi gusto y …. ¡Listo!
#wp-calendar {
font-size: 11px;
text-align: center;
padding-left: 13px !important; padding-left: 2px;
}
#wp-calendar #today {
background-color:rgb(219, 123, 43);
}
Cómo véis, he dejado fluir todo el río de mi creatividad y he puesto el día de hoy en color naranja, también he centrado los números del calendario.
Por último, basta poner en la barra lateral:
<center> < ?php get_calendar(2); ?>
</center>
y listo … rechulo ¿eh?
Agradezco a IE los quebraderos de cabeza porque me obliga a aprender y eso …
Artículos relacionados:
Archivado en: 
