Blogs Media: CSS Mania | VivirLatino | Sentido Web | Apps Mania

Publicidad

Vie31Mar2006

Márgenes redondeados mediante CSS

16:15 H (CET)| Temas: CSS

borde-redondo.gif Seguimos con bordes redondeados.

Siempre que añadimos imágenes en nuestra página web, el texto cuando se ordena alrededor de ella lo hace tomándola como una caja, lógicamente, porque es así su forma real. Pero, ¿qué pasa cuándo la imagen tiene transparencias y tiene un contorno no recto?, pues que da igual, sigue tomándolo como una caja. En estos casos, el efecto que causa es un poco feo, ya que queda mucho espacio sobrante.

En publicaciones de prensa, sobre todo en revistas, muchas veces aparece la imagen de un personaje y el texto se ordena según la figura de la persona. Aunque en prensa usan un diseño estático e introducen saltos de línea cuando les interesa, el efecto que crean es de mucha vistosidad.

Si estás interesado en esta forma de presentación, puedes ver en couchfort cómo lo hacen. Debido a que la explicación quizás no sea suficiente para algunas personas, en Sentido Web vamos a incluir un howto que explique cómo hacerlo paso a paso.

Vía / del.icio.us

Relacionados

Feedback (2) » Formulario

1. Blu ~ Viernes, 31 Mar 2006 | 19:17H:

Me encontré tb este recurso que permite hacer esquinas redonditas sin imágenes, aunque no me puesto a moverle, así que si se sienten valientes y con ganas de nuevas experiencias, pruébenlo y nos dicen si es útil. El enlace es http://pro.html.it/niftycube/

2. Luis ~ Viernes, 31 Mar 2006 | 20:26H:

Hola Blu.

Gracias por el enlace, ya teníamos una entrada sobre Nifty Corners Cube. La verdad es que están geniales esas librerías.

Te agradecemos tu aportación y por favor, mandanos más, nos gustan los retos, y aprender de ellos.

Saludos

Conversación

Nombre:

Email:

(no aparecerá)

URL:

(opcional)
¿Recordar datos?

↓ Comentarios (XHTML permitido)