Problema a la hora de aplicar border-radius.htc en joomla  

 
Carlos
 Carlos
Usuario experto

Saludos y gracias de antemano por las posibles respuestas

e estado intentando aplicar a un componente en algunas partes de la platilla del componente border-radius.htc que son los bordes redondeados sin necesidad de imagenes en algunas zonas de la web.

este codigo funciona perfectamente en local sin estar aplicado a joomla el problema esta cuando intento aplicarlo a joomla.

por 1 lado serian las ccs
la id
#alert{
width:100%;
height:100%px;
background:#DDD;
border:#777 solid 5px;
margin-left:5px;
margin-bottom:5px;
color:#000;
text-align:left;
}
y la clase
.curved {
-moz-border-radius:20px;
-webkit-border-radius:20px;
behavior:url(border-radius.htc);
}
y por otro lado el html basico:

Curved Corner

cuando aplico todo esto a un div de joomla no hace el redondeo de del div y me da toda la sensacio que es por cosa de rutas en las ccs
behavior:url(border-radius.htc);
e intentado aplicarle varios tipos de rutas pero no e encontrado forma, la pregunta es se podria definir una ruta absoluta para este archivo ??

Citar
Respondido : 11/03/2011 3:23 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola lokoman

Para que pruebes tu código visualízalo en un navegador diferente de IE, luego si todo funciona bien lo puedes visualizar en IE, ya que los bordes redondeados para IE están utilizando un archivo .htc.

Puedes utilizar rutas absolutas tanto para css como para el htc, pero te dificultará la administración en caso necesites mover tu sitio.

Por otro lado creo que el uso de .htc no debe ser necesario, lo usual es hacerlo con imágenes que simulen el borde redondeado.
Tambien seria bueno considerar que no es necesario que un sitio web se vea exactamente igual en todos los navegadores (especialmente en IE), la siguiente web indica el concepto, si lo ves en diferentes navegadores.

http://dowebsitesneedtobeexperiencedexactlythesameineverybrowser.com/

Saludos.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 11/03/2011 4:03 pm

Cursos Gratuitos WordPress

Carlos
 Carlos
Usuario experto

mi problema a la hora de realizarlo con imagenes es la carga de imagenes que le meteria a la web porque ese div de redondeo seria usado en 30 div lo que me generaria 120 cargas de las imagenes por cada pagina.

el ejemplo antes mencionado del border-radius.htc no solo funciona en ie funciona tambien desde ff y desde crome que son los que yo e usado para testearlo.

el problema reside al aplicarlo a joomla

sabrias aplicarle una ruta absoluta a es archivo a ciencia cierta ?
yo e intentado varias variantes y ninguna me a funcionado
behavior:url(border-radius.htc);
behavior:url(www misiti com/border-radius.htc);
etc etc

ResponderCitar
Respondido : 11/03/2011 4:25 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

La propuesta de .htc es de microsoft y funciona en los navegadores de IE
http://msdn.microsoft.com/en-us/library/ms531018(v=vs.85).aspx

El borde redondeado te funciona en otros navegadores por que tienes el prefijo por navegador
-moz-border-radius:20px; (para firefox)
-webkit-border-radius:20px; (para safari y chrome)

Seria bueno adicionar :
border-radius:20px; (IE9, Opera y futuro standard CSS3)

Puedes generar bordes en la siguiente web: http://border-radius.com/

Te comentaba que obviando el .htc pruebes en un navegador compatible (navegadores diferentes de IE <9) si funciona tus bordes.
Te comenté además que es posible trabajar bordes con imágenes (para que se vean igual en todos los navegadores) y esto no implica mucha sobrecarga ya que las imágenes se cargan una vez y sirven para todos los bordes de todos tus divs (la imagen cargada queda en cache del cliente). revisar los siguientes links para trabajar con bordes con imágenes

http://www.alistapart.com/articles/customcorners/
http://www.alistapart.com/articles/customcorners2/

Lo comentado anteriormente es una mejora a tu código ( o cambio en caso de hacerlo con imágenes) que lo puedes evaluar, pero asi como esta tu código debería funcionar al menos en los navegadores compatibles cuando lo pasas a joomla.

Debes modificar algún archivo CSS de tu template, agregar el código y asegurarte de que la página a cargar tenga los ids o clases necesario en el html

Saludos.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 11/03/2011 4:44 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Carlos
 Carlos
Usuario experto

es curioso todo el tema porque en local funciona perfectamente en ie 8 y a la hora de subirlo al host
http://lobuscogratis.com/Juegos/
no funciona en ie 8 de ninguna manera que teoricamente el .htc es predefinido para ie y funciona en ff :S
tendre que seguir indagando.
adicionare el border-radius:20px a ver que tal funciona, gracias !!

ResponderCitar
Respondido : 12/03/2011 1:33 pm

Por favor Iniciar Sesión o Registro