DWUG

Otro de los ejemplos mostrados en Adobe Hispano fue la posibilidad de asignar diferentes estilos según el medio al que va dirigido el contenido.

En el ejemplo mostramos cómo el mismo documento cambia de apariencia dependiendo de si se está mostrando en pantalla o si va a ser imprimido, utilizando para ello el atributo media en la etiqueta link:

Descargar archivo de ejemplo

Éste el primer ejemplo de lo que vimos en Adobe Hispano. Se trata de comprobar los valores por defecto que el navegador asigna a la apariencia de los elementos del documento.

Un problema muy habitual es no conseguir que un determinado elemento no se ajuste exactamente a la posición que deseamos, y la causa más habitual es que no hemos definido alguno de los atributos (sobre todo margin y padding), por lo que el navegador asigna los suyos propios que no tienen por qué coincidir con los que nosotros esperemos que sean.

Descargar Ejemplo de valores por defecto

(Nota: los ejemplos que vayamos subiendo serán “autoejecutables”: no necesitarás definir un sitio en DW para poder seguirlos)

Vamos a ver de que forma podemos maquillar los feos controles de upload de los formularios sin utilizar javascript y validando xhtml.
Seguir leyendo

Aunque lo más habitual es separar los estilos css en diferentes archivos para cada media (screen, print, handheld…), si éstos no son muy grandes podemos combinarlos todos en uno sólo, ahorrando peticiones al servidor y mejorando el rendimiento.
Seguir leyendo

En un documento normal no encontramos necesidad de mostrar las URLs de nuestros enlaces: El usuario simplemente pulsa sobre el mismo y automáticamente es dirigido a la página solicitada pero: ¿Qué sucede cuando imprimimos el documento?
Seguir leyendo

En ocasiones puede que nos encontremos con que, a pesar de haber definido correctamente un estilo, éste parezca no funcionar y no aplicarse al elemento. Puede que sea momento de comprobar si estamos ante un conflicto de jerarquias en CSS. Seguir leyendo