Foros del Web » Creando para Internet » CSS »

Ayuda con puntas redondeadas.

Estas en el tema de Ayuda con puntas redondeadas. en el foro de CSS en Foros del Web. hola chicos. hasta ahora tengo este esquema de sitio: http://npserver.mine.nu/latinhardware.v3/ les pido que entren y lo vean, y así me guíen para poder poner esquinas ...
  #1 (permalink)  
Antiguo 18/07/2007, 11:23
Avatar de nachopro  
Fecha de Ingreso: noviembre-2003
Ubicación: Haedo, Bs. As.
Mensajes: 290
Antigüedad: 20 años, 4 meses
Puntos: 2
Ayuda con puntas redondeadas.

hola chicos. hasta ahora tengo este esquema de sitio: http://npserver.mine.nu/latinhardware.v3/

les pido que entren y lo vean, y así me guíen para poder poner esquinas redondeadas de 1px solid #cccccc en las cuatro puntas del #contenedor.

espero me puedan ayudar.
muchas gracias.
  #2 (permalink)  
Antiguo 18/07/2007, 17:49
 
Fecha de Ingreso: marzo-2007
Mensajes: 80
Antigüedad: 17 años, 1 mes
Puntos: 0
Re: Ayuda con puntas redondeadas.

La manera mas eficiente que yo conosco es la siguiente:

<div id="container">
<b class="rtop">
<b class="r1"></b> <b class="r2"></b> <b class="r3"></b> <b class="r4"></b>
</b>

Aqui va todo lo demas

<b class="rbottom">
<b class="r4"></b> <b class="r3"></b> <b class="r2"></b> <b class="r1"></b>
</b>
</div>

En tu css agrega esto:

.rtop, .rbottom{display:block}
.rtop *, .rbottom *{display: block; height: 1px; overflow: hidden}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px; height: 2px}

Espero que te sirva.
Saludos.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 13:58.