Tag: Css (page 1) - Userlinux.net

Tag: Css (page 1)

Buscar

Categorías
Nube de tags
Últimos comentarios
  • gravatar
  • gravatar
  • gravatar
  • gravatar
  • gravatar
  • gravatar
  • gravatar
  • gravatar
  • gravatar
  • gravatar
  • gravatar
  • gravatar
  • gravatar
  • gravatar
  • gravatar
Webs amigas
Archivo
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:
<!--[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:
Archived on : programación
Tags : hover tips css

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.

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:
Archived on : programació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;
}
Archived on : programación

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:
CSS Válido! Valid XHTML 1.0 Transitional
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.
Archived on : programación

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;
	}
Archived on : programación

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:

rCMS14


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.
Archived on : personal
Tags : design reboot css

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.
Archived on : programación
Tags : gallery css howto
[ Userlinux 2001 ~ 2010 | Sindicación ]