Foros del Web » Creando para Internet » CSS »

De nuevo: Redondear esquinas

Estas en el tema de De nuevo: Redondear esquinas en el foro de CSS en Foros del Web. Bueno, es que yo ya se redondear esquinas: Con 4 imagenes y posicionandolas en cada una de las esquinas de un div... sin embargo quería ...
  #1 (permalink)  
Antiguo 05/06/2010, 08:26
Avatar de mafima  
Fecha de Ingreso: abril-2003
Ubicación: Medellin-Colombia
Mensajes: 1.109
Antigüedad: 14 años, 8 meses
Puntos: 24
De nuevo: Redondear esquinas

Bueno, es que yo ya se redondear esquinas: Con 4 imagenes y posicionandolas en cada una de las esquinas de un div... sin embargo quería saber si hay alguna técnica que sea compatible con todos los navegadores y que sea sencilla y elegante.

Alguien me dijo que con una sola imagen era suficiente... una de las cosas que no me gustan de mi técnica es que el código queda poco limpio.
¿Qué t-ecnica usan ustedes y me recomiendan?

Gracias de antemano!
  #2 (permalink)  
Antiguo 05/06/2010, 08:52
Avatar de alexk
Colaborador
 
Fecha de Ingreso: julio-2009
Ubicación: De vuelta al trono
Mensajes: 1.697
Antigüedad: 8 años, 5 meses
Puntos: 137
Respuesta: De nuevo: Redondear esquinas

para el crossbrowsing en mi caso opto siempre por imagenes sin pensarlo vamos... pero aveces suelo usar js, y mas sencillo con plugins en jquery
http://www.curvycorners.net/index.php
http://www.html.it/articoli/niftycube/index.html
http://www.mochikit.com/demos.html
Pero recomiendo imagenes :S por el momento la mejor opcion (por ahora)
  #3 (permalink)  
Antiguo 05/06/2010, 12:49
Avatar de Calizman
Organiza competencias CSS
 
Fecha de Ingreso: octubre-2008
Ubicación: Ciudad de Guatemala, Guatemala
Mensajes: 1.122
Antigüedad: 9 años, 2 meses
Puntos: 83
Respuesta: De nuevo: Redondear esquinas

Saludos!

En este tema se habla sobre las esquinas redondeadas.

Evalúa el que creas mejor, y ese usa. (Y busca por los foros si tu tema no ha sido tratado antes, para no abrir un nuevo tema).

Hasta Luego!
__________________
[ Mi Sitio Personal ]
"La felicidad no es una estacion de llegada... Es un modo de viajar"
Tom Schreiter
  #4 (permalink)  
Antiguo 15/06/2010, 09:56
Avatar de mafima  
Fecha de Ingreso: abril-2003
Ubicación: Medellin-Colombia
Mensajes: 1.109
Antigüedad: 14 años, 8 meses
Puntos: 24
Respuesta: De nuevo: Redondear esquinas

alexk gracias por leer bien el POST y darme tu respuesta.

Kalizman, si te fijas puse en titulo del post De nuevo: redondear esquinas.

Porque en el foro ya se ha tratado mucho este tema. Como verás el tema que mencionas es del 2003 ( donde aun no existia moz-radius, etc ) Lo que pretendía con este post era saber si hay métodos nuevos. por ello hice una busqueda en elf oro y me encontré que el más recinete era uno de hace unos años!

De cualqueir forma muchas gracias por sus comentarios.

Hasta luego!
  #5 (permalink)  
Antiguo 15/06/2010, 15:56
Avatar de Calizman
Organiza competencias CSS
 
Fecha de Ingreso: octubre-2008
Ubicación: Ciudad de Guatemala, Guatemala
Mensajes: 1.122
Antigüedad: 9 años, 2 meses
Puntos: 83
Respuesta: De nuevo: Redondear esquinas

Saludos Mafima.

Antes que nada, he de corregir que mi nick es Calizman y no Kalizman como lo has escrito. Te rogaría que pusieras atención a esos detalles que pueden molestar o afectar ciertas susceptibilidades dentro de los foreros.

Luego, quiero comentar: Efectivamente, no existe una "nueva técnica" para hacer las esquinas redondeadas, y si en algún momento llegara a existir, o se estandarizara el border-radius, te enterarías por el foro, noticias en Internet o similar, ya que sería una noticia de alto impacto.

Hasta Luego!
__________________
[ Mi Sitio Personal ]
"La felicidad no es una estacion de llegada... Es un modo de viajar"
Tom Schreiter
  #6 (permalink)  
Antiguo 15/06/2010, 16:59
Avatar de Sophie_Madrid  
Fecha de Ingreso: agosto-2008
Mensajes: 237
Antigüedad: 9 años, 4 meses
Puntos: 5
Respuesta: De nuevo: Redondear esquinas

Buenas mafima, nosotros estamos desarrollando una web con esquinas redondeadas y lo hacemos de la siguiente manera:

Metiendo esto en el css que esta dentro de la clase del div que quieras redondear.

. ejemplo
{
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
behavior: url(border-radius.htc);
}

Guardando el archivo htc en la ruta que quieras (lo puedes descargar de mil sitios)

Y poniendo un <div class="rel"> entre el <div class="ejemplo"> que quieres redondear y listo.

La class rel tiene que ser asi

.rel {
position: relative;
z-index:0;
zoom: 1; /* For IE6 */
}

Espero que te sirva.

Saludos.

Etiquetas: esquinas
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 22:48.