Tag css - Userlinux.net

Si hablamos de Internet Explorer (ie6) como navegador válido y funcional, hay ciertos elementos que no admiten cambios en la propiedad hover de CSS. Para tan tremendo bug tenemos una solución sencilla:

<!--[if IE 6]>
<script type="text/javascript">
window.onload=func;
function func(id,estado)
{
   var d = document.getElementById(id);
   if (estado == 1) { d.style.backgroundColor='#B3CDF2'; }
   else { d.style.backgroundColor='#557ab1'; }
}
</script>
<![endif]-->

La función solamente se carga si el navegador es nuestro querido amigo, lo único que hace es cambiar la propiedad backgroundColor del id que hemos pasado como argumento. Dependiendo del estado pone un color u otro, con lo que debemos llamarla según interese en onmouseover o onmouseout:

Imaginemos un informe de 200 hojas generado con PHP por pantalla. Supongamos que lo queremos archivar y guardar coherentemente en un típico A-Z de los que tanto gustan a la gente. Igual a la hora de imprimir esa pequeña vista nos llevamos una sorpresa viendo cómo las páginas se cortan por donde corresponda.

Aquí un pequeño css-tip para que estas cosas no pasen. Cuando imprimimos una página web el navegador la procesa -renderiza- y envía a la impresora un postscript para que ésta no tenga mucho que pensar. El pequeño hack consiste en aplicar un css distinto para la impresión.

Nunca he tenido claras mis preferencias en cuanto a tipografías se refiere. En un desarrollo, antes de tomar una decisión procuro estudiar minuciosamente el abanico de posibilidades. Si empezamos a multiplicar colores formas y tamaños el interrogante se acentúa de forma irremediable.

Como ayuda -no en forma de clip precisamente- he picado estas cinco lineas de código ($texto y $letras aparte) para que, visualmente y de una pasada, sea más sencillo el tomar una decisión:

Todos conocemos los múltiples problemas de renderizado standard con la famosísima patera del innombrable, he aquí un hack para usar lo más parecido a min-height en dicha conjetura:

/* Para Internet Explorer */
* html #mnuIzda
{
	height:100px;
	border:1px solid #000;
	background:#dedede;
}

/* Para el resto */
#mnuIzda
{
	min-height:100px;
	border:1px solid #000;
	background:#dedede;
}

Gracias a Quinti he mejorado los metas de la web y algún que otro trozo de código que quedaba virgen desde hace unos años. Ahora puedo presumir de validar de nuevo tanto CSS como XHTML. Y para que quede constancia de ello, pongamos los galones: Parece que este finde se han puesto de moda los posts de madrugada... a ver qué pasa mañana, ¡buenas noches!.

Actualización: El código que sugieren en el validador CSS no valida XHTML 1.0 Transitional, falta cerrar bien el tag <img con />.

Actualización 2: En la propia web avisan de ello "cierre la etiqueta img con /> si utiliza XHTML", cosas del directo a estas horas.

Acostumbrando al cuerpo en el uso de CSS nos encontramos con pequeños problemas que intentamos resolver de la mejor manera -conocida-. En este caso el problema viene por el uso de la propiedad float.

Usando float

Habitualmente el uso de float se centra en partes del contenido (bloques de texto, imágenes, menús...) que pretendemos alinear a uno u otro lado dejando invariante el resto de la página (flotantes). El uso de esta propiedad es sencillo, solo tenemos que indicar si queremos que flote a la derecha, izquierda o simplemente que no flote:

	.divFlotante
	{
		float: left;
		float: right;
		float: none;
	}

Todavía estamos en otoño y es una de mis estaciones preferidas. Así que nuevo look y nueva organización, con los rTabs (de alguna forma había que bautizar las pestañas). En el recuerdo queda el antiguo css:



Van 14 diseños distintos (y otros tantos que no he contabilizado porque falta de pruebas tangibles), todos ellos se pueden ver en el Portfolio (está muy de moda ese palabro).

El próximo punto del TODO es la frecuencia de posteo. A ver si todo vuelve a sus cauces.

Curioseando recursos CSS quería encontrar algún buen ejemplo de galerías de fotos para aplicar posteriormente, como podeis comprobar en el fotoblog sigo usando alguna que otra tabla, así que el objetivo común es erradicar semejante monstruo.

El manual me ha parecido de lo más completo, paso a paso y explicado para quien no sepa demasiado de CSS. Más que recomendable, a ver si con un poco de suerte y si el tiempo acompaña puedo disfrutar de esta nueva feature.