<!--[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: Buscar
CategorÃas
Nube de tags
debian update league ibook 2008 felicidades meme linux ds cms rsidenotes deportes conciertos soccer juegos barça rfilms php humor seguridad userlinux openbsd futbol ubuntu mac cakephp lugo programación games san_froilan macosx sidenotes lucux tip mundial 2007 iphone bsd cumpleaños films blog champions mysql bake copa bash beers web ssh nintendo cake frases blogs alemania_2006 freebsd opinion personal blogsfera hack apple
Últimos comentarios
Webs amigas
Archivo
Year 2010
Year 2009
Year 2008
Year 2007
Year 2006
Year 2005
Year 2004
Year 2003
Year 2002
Promo
Links de interés
Hover en Internet Explorer
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:
CSS: Imprimiendo saltos de página
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.
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.
Tipos de letra en CSS
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:
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:
CSS: min-height en Internet Explorer
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;
}
Volvemos a validar
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.
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.
CSS: Float y overflow
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;
}
CSS ++
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.
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.
GalerÃa en CSS
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.
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.