Tag html - Userlinux.net

Dado el motivo que sea supongamos que queremos ejecutar algún trozo de código PHP dentro de una plantilla HTML. Pongámonos en situación para poder comprender mejor el escenario.

Imaginemos un gestor de contenidos con su editor correspondiente donde la gente introduce eso -los contenidos-. Supongamos por un momento que además de la maquetación de los mismos... color, tipo de fuente, imágenes y demás factores estilográficos; queremos que pueda ejecutar cierto código PHP delimitado por unas etiquetas dadas.

No siempre se puede vivir sin flash, sobre todo dedicándose al diseño y desarrollo web. Tarde o temprano llegaría ese momento en el que insertar cualquier elemento flash se convertiría en un pequeño suplicio para el standars-compliant. Buscando un poco por la red he encontrado una solución sencilla y funcional.

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.

Navegando por Technorati veo una entrada de Nicoman en la que me da un tirón de orejas por validar en Transicional y tener tan solo 4 errores en Strict. Me puse a ello y -aunque sigo en la transición- valido estricto.

Los errores eran mayormente chorradas que se me habían pasado en su día, sin embargo he aprendido algo nuevo. Los formularios deben llevar sus elementos encerrados en algún párrafo, div, p, fieldset o similares. El caso concreto y errado:

Siempre que instalo un sistema desde cero suelo toparme con los mismos problemas que, incauto de mi, no he documentado anteriormente por falta de tiempo, ganas, o ambas. Esta vez ha sido instalando Quanta en una Ubuntu:

# apt-get install quanta

El problema no ha sido su instalación sino configurar el Files Tree para que mostrase máquinas remotas. Recordemos que una de las principales características por las que uso Quanta es su edición remota (vía ftp, ssh...), tratando archivos y directorios como si estuvieran en local.

Al intentar abrir un archivo remoto (fish://usuario:passwd@host/var/www/index.php) ni se inmutaba, con lo que recordé que hacía falta algún componente Kio slave:

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.

Cómo convencer a un cliente de NO poner música en su web, vía menéame, tenía que ponerlo, tenía que ponerlo...