Archives for the 'HTML y CSS' Category
Técnica CSS: Marcado XHTML para mostrar código
Viernes, Diciembre 5th, 2008
Para mí, la mejor forma de marcado XHTML a la hora de explicar un ejemplo de código es empleando la etiqueta “pre” y la etiqueta “code”.
Uso “pre” para conseguir presentar el código con tabulaciones y saltos de línea, aunque es necesario pegarlo desde el editor. Con “code” le doy significado semántico.
Por ejemplo, para mostrar el [...]
Técnica CSS: Evitar márgenes duplicados en IE6
Martes, Noviembre 25th, 2008
Si a un div flotado, le das margen en la misma dirección, Internet Explorer 6 duplica la medida.
Es decir, si tienes…
#ejemplo {
float: left;
margin: 0 0 0 2em;
}
IE6 mostrará un margen por la izquierda de 4em. Para solucionar este problema, es suficiente con utilizar display:inline, quedando así:
#ejemplo {
float: left;
margin: 0 0 0 2em;
display: inline;
}
Manuales de estilo de páginas web
Domingo, Septiembre 21st, 2008
Antes de entrar en materia, es necesario explicar que este tipo de manuales sólo es útil para grandes sitios web o portales donde los cambios son constantes. Por eso, el objetivo del manual es establecer unas directrices que permitan conservar el diseño original y mantener la homogeneidad en las diferentes páginas. Además, tiene [...]
Tu portafolio con Wordpress
Domingo, Septiembre 14th, 2008
¿Eres un diseñador print que no controla mucho el diseño web? ¿Llevas siglos diciendo que mañana te pones con tu nueva web? ¿El último proyecto de tu portafolio es del 2005? ¿Envías un PDF adjunto para responder a una oferta de trabajo? ¿Google no encuentra tu web hecha en Flash?
Resumiendo… ¿necesitas un sistema rápido, cómodo [...]
Consejos para maquetar emails
Lunes, Septiembre 8th, 2008
Después de los consejos para diseñar un email del otro día, hoy toca explicar algunas recomendaciones para maquetarlo.
Maqueta usando tablas, con un HTML básico
Desafortunadamente, nada de <div> en el código.
El uso de CSS está limitado
Algunas propiedades como backgound-image o margin no suelen funcionar. Este listado es la mejor referencia para saber cuales puedes usar. Se [...]
Sígueme en Twitter
Feed RSS