Archive for Diciembre, 2009

< Márgenes duplicados en IE6 />

< Viernes, Diciembre 11th, 2009 />

Como ya muchos sabemos IE 6 duplica el tamaño de los márgenes  a la derecha y a la izquierda con los div que tienen la propiedad float.

Por ejemplo, si yo tengo margin:10px; para todos los navegadores decentes esto significa 10px, pero Internet Explorer 6 lo interpreta como 20px, por eso siempre nos dicen que ocupemos padding.

Una manera de solucionar esto es agregar a nuestra clase la propiedad display:inline;  y listo!  Explorer 6 ya no agrega nada que no debería!

.mi-clase {
float: left;
width: 200px;
margin: 5px;
display: inline; /*–IE6 –*/
}

< Limitar Número de Palabras en Summary />

< Jueves, Diciembre 10th, 2009 />

Algunas ocasiones nuestros diseños se ven afectados por ’summaries’ que crecen demasiado alterando nuestras retículas. Comúnmente la solución era limitar la altura del <div> o del <p> y si dichas dimensiones eran rebasadas, aplicábamos un overflow:hidden. Leyendo la documentación del Gestor me encontré con la posibilidad de limitar el número de palabras que componen el summary. Para esto basta usar la siguiente redacción en la etiqueta:

$article.summary:maxWords(20)$

Entre paréntesis se coloca el máximo número de palabras que compondrán el summary.

Con esto no tenemos una medida exacta en pixeles, pero nos ayuda a controlar la captura exagerada de texto en este campo.

Si queremos dar la idea de que el texto continúa podemos colocar nuestra etiqueta en un link y terminarlo con puntos suspensivos:

<a href=”#”>$article.summary:maxWords(20)$…</a>

Espero sea de utilidad.