Hola Jorge:

A mí también me dio error la primera vez que intenté acceder al enlace, pero
ahora parece funcionar sin problemas.

[...] que lleva un diseño elástico (se expande horizontal y verticalmente
segun tamaño de la fuente)

Si tienes claro que quieres este tipo de diseño, adelante. Pero si estás
empezando en el mundillo del diseño web (no lo sé), te recomendaría que
empezaras por un diseño de anchura fija en px (oigo rugidos de algunos).

Las versiones más modernas de los principales navegadores están incorporando
zoom completo de página en vez de zoom de texto. Por lo tanto, un diseño
fijo con px es cada vez menos traumático.

De todas formas, posteriormente es muy sencillo convertir un diseño de
tamaño fijo en uno elástico.

[...]debe ser accesible y semanticamente correcta [..]. La cuestión es que
tengo que hacer una esquina redondeada en un div (llamado CONTENIDO) cuyos
bordes superior e izquierdo lleva una sombra, además de la propia esquina.

Esas esquinas no contienen ningún valor semántico sino que son de adorno.
Por lo tanto, OJO, no la incluyas en el documento mediante el elemento
<img>, sino como imágenes de fondo con la propiedad CSS *background* o *
background-image*.

Te recuerdo que sólo puedes usar un background-image para cada elemento
(x)html. Para que el diseño pueda redimensionarse horizontalmente, se
necesitan, al menos, dos imágenes de fondo. Una de ellas tiene que ser lo
suficientemente grande como para que la otra se "deslice" sobre ella
ocultándola (técnica de las puertas correderas).

Nota: Para las sombras usa un programa de diseño gráfico en condiciones, que
te incluya este efecto. La imagen que propones parece hecha con el Paint.


 Saludos.
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a [email protected]
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

Responder a