Caja condiseño que no me funciona

phisc · #1 (**permalink**) 30/01/2009, 04:36

Hola a todos.

Deseo hacer una cajita con bordes redondeados al estilo de los bloques de technorati.com/tag/business pero no logro conseguirlo, el código que empleo es el siguiente:

Código HTML:

<style type="text/css">
<!--
#tag-content { float: left; width: 230px; }
#tag-content .module { background-image:  url(module-230.png); }
#tag-content .module-inner { background-image:  url(module-230.png); background-position: -230px bottom; }

-->
</style>
</head>

<body>
<div id="tag-content">
	<div id="hola" class="module"><div class="module-inner">
	aaa<br>
	aaa
	</div>
	</div>
</div>

¿Qué estoy haciendo mal?

Calizman · #2 (**permalink**) 30/01/2009, 12:03

Saludos phisc!!

En tu codigo, no se que es lo que estas haciendo mal, realmente tengo muchas malas experiencias trabajando con esquinas redondeadas de esa forma, por lo que desde hace mucho deje de usarlas...

Pero te doy una alternativa, que es lo que yo utilizo, y lo que la pagina que pusiste, tambien hace.

Crea la imagen completa, me refiero a que la hagas un cuadro con esquinas redondeadas y no lo cortes, sino que dejalo tal y como está... Ahora usala como fondo en tu div, y listo! tienes una caja con bordes redondeados!

En el caso que la caja cambie su tamaño... entonces si tienes problemas con este metodo ya que no te funcionara...

Por lo que te tocara esperar a que un colaborador o alguien con experiencia en este metodo venga y te diga como hacerlo mejor.

Saludos!!

jomaruro · #3 (**permalink**) 30/01/2009, 15:51

Hola:

Échale una ojeada a esta página, tienes cuatro ejemplos de esquinas redondeadas. Si te sirve de algo dale las gracias a Mikmoro.

Saludos.