Foros del Web » Creando para Internet » HTML »

Border-Radius en Opera 11.5 e IE 9

Estas en el tema de Border-Radius en Opera 11.5 e IE 9 en el foro de HTML en Foros del Web. Hola Amigos como siempre cuando necesito ayuda vengo a ustedes. Bueno el tema es este. Tengo un codigo CSS3 para redondear los bordes de una ...
  #1 (permalink)  
Antiguo 07/08/2011, 01:07
 
Fecha de Ingreso: diciembre-2010
Mensajes: 33
Antigüedad: 6 años, 3 meses
Puntos: 0
Pregunta Border-Radius en Opera 11.5 e IE 9

Hola Amigos como siempre cuando necesito ayuda vengo a ustedes. Bueno el tema es este.

Tengo un codigo CSS3 para redondear los bordes de una imagen se supone que todos los navegadores mas importantes (Firefox, Chrome, Safari, Opera, Internet Explorer) en sus ultimas actualizaciones ya soportan esto sin ningun problema como antes que tocaba usar "-moz-border-radius y -webkit-border-radius", bueno la cosa es que tengo este codigo CSS
Código:
    .b_rounded{
    border-radius: 100px;
}
y este HTML
Código:
<img class="b_rounded" src="Demi_60.jpg">
asi me funciona en Firefox, Chrome y Safari pero mas no en Opera e Internet Explorer (Inservible Explorer como me gusta llamarlo ) y segun se estos dos ultimos ya soportan este estandar sin ningun problema, (segun dice en las paginas oficiales de los mismo) Todos los navegadores que uso estan actualizados en sus ultimas versiones entonces no se que pasa, por favor siganme si es que estoy cometiendo algun error... enserio parece como si se me hubiese olvidado todo lo que se de css.

Por favor estos no es una emergencia pero de verdad que me estoy rompiendo la cabeza pensando que es lo que esta mal pero no se asi que por favor traten de ayudarme lo mas rapido posible antes de que muera loco.

Muchas gracias de antemano por su ayuda.
  #2 (permalink)  
Antiguo 07/08/2011, 04:56
 
Fecha de Ingreso: mayo-2011
Mensajes: 171
Antigüedad: 5 años, 10 meses
Puntos: 32
Respuesta: Border-Radius en Opera 11.5 e IE 9

Código CSS:
Ver original
  1. -webkit-border-radius: 100px;
  2. -moz-border-radius: 100px;
  3. border-radius: 100px;


Pues lo e probado y me funciona perfectamente en IE9


te dejo esta web para que generes código CSS3 si problemas:
http://css3generator.com/

-----------------------
Cita:
Navegador -> BORDER-RADIUS

Opera -> 10.5+
IE -> 9+
firefox -> 3+
Chrome -> 4+
safari -> 3.1+
  #3 (permalink)  
Antiguo 07/08/2011, 12:26
 
Fecha de Ingreso: diciembre-2010
Mensajes: 33
Antigüedad: 6 años, 3 meses
Puntos: 0
Respuesta: Border-Radius en Opera 11.5 e IE 9

Que ya lo intente eso fue lo primero que hice y no funciona por eso vine aqui... esperando a que alguien de de alguna solucion y no diga lo obvio... perdon pero es que realmente esto me esta volviendo loco no se si son mis navegadores o que por que de verdad todos estan actualizados... Firefox 4, Opera 11.5, Internet Explorer 9, Chrome 13, Safari 5... por favor de verdad no saben que puede pasar?
  #4 (permalink)  
Antiguo 07/08/2011, 12:59
 
Fecha de Ingreso: mayo-2011
Mensajes: 171
Antigüedad: 5 años, 10 meses
Puntos: 32
Respuesta: Border-Radius en Opera 11.5 e IE 9

Cita:
Iniciado por Anndresorozco Ver Mensaje
Que ya lo intente eso fue lo primero que hice y no funciona por eso vine aqui... esperando a que alguien de de alguna solucion y no diga lo obvio... perdon pero es que realmente esto me esta volviendo loco no se si son mis navegadores o que por que de verdad todos estan actualizados... Firefox 4, Opera 11.5, Internet Explorer 9, Chrome 13, Safari 5... por favor de verdad no saben que puede pasar?
el problema los ves en la web completa o as separado y imagen y el CSS en una hoja de pruebas..

si no es asi as esto
crea una nueva hoja html y coloca esto..

Código HTML:
Ver original
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  3. <title>pruebas</title>
  4. .b_rounded{
  5.     border-radius: 100px;
  6. }
  7. </head>
  8.  
  9. <img class="b_rounded" src="Demi_60.jpg">
  10. </body>
  11. </html>

si esto no te da problemas es que el código que tienes interfiere con el borde pero si te da problemas..

si seria raro..
  #5 (permalink)  
Antiguo 07/08/2011, 17:50
 
Fecha de Ingreso: diciembre-2010
Mensajes: 33
Antigüedad: 6 años, 3 meses
Puntos: 0
Respuesta: Border-Radius en Opera 11.5 e IE 9

Es que asi como dices es como exactmente lo tengo... todo esta en un mismo documento asi exactamente

Código HTML:
Ver original
  1. <!-- CSS3 Border Rounded Test -->
  2. <!DOCTYPE html>
  3. <title>CSS3 Border Rounded Test</title>
  4. <style type="text/css">
  5. .b_rounded{
  6.     border-radius: 100px;
  7. }
  8. </head>
  9. <p>This is a test</p>
  10. <img class="b_rounded" src="Demi_60.jpg">
  11. </html>

Entonces eso es lo que se me hace muy raro... creo que tendre que probarlo en otra PC para asegurarme de que no sea la mia la que tenga el error.

Pero gracias de todos modos
  #6 (permalink)  
Antiguo 08/08/2011, 09:41
Avatar de Tedel  
Fecha de Ingreso: enero-2011
Ubicación: Lima
Mensajes: 2.721
Antigüedad: 6 años, 2 meses
Puntos: 440
Respuesta: Border-Radius en Opera 11.5 e IE 9

Antes que sigas, pregúntate esto: ¿Quieres redondear la imagen o su borde?

Opera no va a alterar tu imagen Demi_60.jpg por más que el CSS lo ordene. Opera es el navegador más "respetuoso" que hay.

Quizá lo que debas hacer es simplemente darle un borde a la imagen...

img {padding: 25px; background-color: #ffcccc}

...y luego intentar darle un borde al marco (y no a la foto) con border-radius.
__________________
Soy el autor de Heptagrama y tengo un servicio "todo incluido" de marketing web.
  #7 (permalink)  
Antiguo 08/08/2011, 12:27
 
Fecha de Ingreso: diciembre-2010
Mensajes: 33
Antigüedad: 6 años, 3 meses
Puntos: 0
Respuesta: Border-Radius en Opera 11.5 e IE 9

Okay de todos modos muchas gracias

Etiquetas: border, bordes, chrome, css, css3, explorer, firefox, internet, opera, radius, redondear
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 10:45.