Al maquetar puede resultar engorroso el andar ajustando un pequeño detalle en CSS y tener que actualizar la página cada vez que se cambia. He montado un Javascript simple para hacer más fácil la tarea del maquetador. Consiste en recargar la CSS en un intervalo de tiempo (en el ejemplo será 1 segundo) sin recargar […]
Archivos de la etiqueta: Maquetación web
Javascript: simular hover en Internet Explorer 6 con Prototype
Se trata de un sencillo script que nos permitirá evitar el problema de Internet Explorer 6 con la pseudo-clase :hover. Dicha pseudo-clase se puede aplicar a cualquier elemento, para que al pasar el puntero por encima puedan cambiarse los estilos, pero Internet Explorer 6, en su línea habitual, solo lo acepta en elementos de enlace.
Capas condicionales para evitar el uso de hacks CSS
En muchas ocasiones las distintas versiones de Internet Explorer interpretan la CSS un poco como quieren. Y es por eso que utilizamos hacks CSS (en inglés), que aunque en muchos casos cumplen con los estándares, de cara al futuro pueden ser un riesgo ¿Y si futuros navegadores los empiezan a interpretar? ¿Y si un navegador […]
Internet Explorer 6 y la propiedad ‘bottom’ en CSS
Hay un caso en el que la propiedad bottom no es interpretada correctamente en Internet Explorer 6: cuando el elemento con position:relative tiene un overflow:hidden y debajo está el elemento con position:absolute.
Que hacer cuando el elemento OBJECT tapa una capa posicionada
Suele pasar que cuando hay capas emergentes y animaciones flash la capa se queda por debajo del Flash. Basta con añadir esto dentro del elemento OBJECT: <param name="wmode" value="transparent" /> Un ejemplo completo: <object type="application/x-shockwave-flash" data="fichero.swf"> <param name="wmode" value="transparent" /> <param name="movie" value="fichero.swf" /> <param name="quality" value="high" /> <p>No dispone del plugin Flash Player, si […]
Abandonemos de una vez el soporte a IE6
Ya hay sitios importantes que dejan de lado navegadores obsoletos, como Youtube. La maquetación adaptada a IE6 es un quebradero de cabeza y una fuente de gastos. En algunas ocasiones el tiempo dedicado a IE6 en una maquetación puede acercarse al 80%, y las decisiones de incluir determinados elementos en un diseño quedan vinculadas al […]
Decálogo de maquetación web
Diez consejos útiles que mejorarán ostensiblemente la accesibilidad de un sitio web: Utilización de encabezados (H1–H6) para estructurar el documento y utilizar adecuadamente los párrafos y listas. En los encabezados no se saltan niveles. Cuando una lista tiene un solo elemento no es una lista: es un párrafo. Los textos de los enlaces habrán de […]
CSS: problema de doble margen en IE6
Cuando un elemento está flotado dentro de un contenedor y tiene definido un margen, nos podemos encontrar con la desagradable sorpresa de ver como Internet Explorer 6 duplica dicho margen. Supongamos que tenemos esta regla CSS: div.capa p.parrafo {float:left; margin-left:10px;} Internet Explorer 6 sacará un margen de 20px. Se puede solucionar con un hack CSS, […]