Cuando se prueba una página en Firefox es interesante probarla en varias versiones, no solo en la última, ya que hay usuarios que siguen utilizando versiones antiguas. Además, la versión 1.5 aun tiene soporte. Y como no se pueeden tener abiertas dos o más versiones de Firefox de forma simultánea resulta muy incómodo tener que […]

Actualizado 2011-03-10. ¿En que elementos se usa? Lo primero que hay que saber es en que elementos puede utilizarse el atributo accesskey: a area button input label legend textarea Excepto a y area se trata de elementos de formulario. ¿Cómo funciona? Activando las teclas de acceso y pulsando la tecla de acceso (depende de cada […]

Unas cuantas pautas para mejorar el marcado HTML según 456 Bereast (algunas de ellas un poco obvias): Orientación a la máxima simplicidad que sea posible. No usar tablas para la maquetación. Evitar la inclusión de un atributo class a cada elemento al que se quiera dar un estilo. Es mejor usar selectores descendentes, evitando así […]

Esta página está obsoleta y contiene algunas imprecisiones. Ir a nuevo listado de selectores (en inglés). Para Internet Explorer 6 y anteriores: * html {} Solamente Internet Explorer 7 * + html/*/ * /**/ body {} Internet Explorer 7 y superior: *:first-child+html {} Para Internet Explorer 8 y anteriores se usan los dos selectores anteriores: […]

Para casos en los que el principio de un párrafo tenga importancia suficiente para ser un encabezado (h1–h6) en lugar de un mero strong. ¿Qué hacer para que un encabezado y un párrafo situado a continuación (p) aparezcan al mismo nivel (en la misma línea del texto)? Definir una regla CSS con display: run-in;. Tiene […]

Las listas en XHTML pueden estar anidadas, usando al mismo tiempo diferentes tipos de listas (ver resultado en el navegador): <dl> <dt>Aplicaciones a utilizar:</dt> <dd> <ul> <li>Quanta</li> <li>The Gimp</li> <li>Mozilla Firefox</li> </ul> </dd> <dt>Pasos a seguir:</dt> <dd> <ol> <li>Prototipado en papel de la interfaz y la estructura del sitio.</li> <li>Evaluar la usabilidad de los resultados […]

En ocasiones resulta interesante poder utilizar un navegador Gecko en una máquina de pocos recursos. Los binarios oficiales de SeaMonkey y de Firefox solamente se hacen para GTK2, de forma que las máquinas con cierta antigüedad sufren un poco al ejecutarlos. La solución pasa entonces por conseguir binarios compilados para GTK1, así se podrán usar […]

Existen tres tipos de listas: Listas desordenadas. Listas ordenadas. Listas de definiciones. Listas desordenadas Para crear listas desordenadas se utilizarán las etiquetas ul y li. Con la etiqueta ul se delimitará la lista, y con la etiqueta li se delimitarán los elementos de la lista. Este es el código XHTML de una lista desordenada (ver […]

Para obtener el listado de especificaciones de hardware hay que usar el comando “lshw” (“ls” de Lister y “hw” de hardware) como superusuario o mediante “sudo”: sudo lshw Con esa orden aparece un extenso y detallado listado con las características técnicas de la máquina en la que se ejecute. Como el listado resultante es muy […]

Cuando se quiere una viñeta personalizada para listas desordenadas en XHTML no hay más que crear la imagen para la viñeta, y después adaptar la hoja de estilo para hacer la personalización. Primero hay que definir las reglas para la etiqueta ul: ul { padding-left: 0; /*Limpieza de márgenes (se puede cambiar)*/ margin-left: 36px; /*Indentado […]