Problema con jQuery corners
Mi problema es que si añado código jQuery, JavaScript o librerías de jQuery, las capas con el atributo de jQuery Corners se modifican y se ponen cuadradas. El problema no lo encuentro aunque supongo que será una tontería, pero no doy con él.
Mi código es:
<html>
<head>
<link rel="stylesheet" type="text/css" href="css/agmap_style.css" />
<script src="js/jquery-1.6.2.js" type="text/javascript"></script>
<script src="js/jquery.corners.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".boton1,.boton2,.boton3,.boton4").corners("round 4px");
});
</script>
</head>
<body>
<div id="header"><img src="agmap_header.png"></div>
<div id="menu">
<div class="boton1">
<div id="texto">Índice</div>
</div>
<div class="boton2">
<div id="texto">Proyectos</div>
</div>
<div class="boton3">
<div id="texto">Servicios</div>
</div>
<div class="boton4">
<div id="texto">Contacto</div>
</div>
</div>
<div id="contenido">
</div>
</body>
</html>
Kostane
Enrique Gonzalez
Gracias, he aplicado border-radius.htc y he solucionado el problema.
Enrique Gonzalez
yo para redondear capas uso el "border-radius.htc"
Kostane
Gracias Enrique. Era un error del JS. Ahora me ha surgido un problema que es el siguiente:
Introduje este código:
$(".boton1").mouseover(function(){
$(".boton2").css("background-color","#088A4B");
});
Pense que era un problema de capas pero no es así, es una propiedad de jQuery Corners que le da ese margen arriba y abajo de la capa ¿sabes alguna manera de quitar esa propiedad sin cargarte la propiedad de redondeo o una manera alternativa de redondear las esquinas que no sea esta?
Enrique Gonzalez
Quieres decir que el código funciona, pero en cuanto metes otra librería js o cualquier código js, las esquinas vuelven a ser cuadradas.
Si es así es que habrá un error de JS, tal vez lo mejor es que uses el método de jquery "no conflict".
Kostane
Lo subo a este host por si alguien lo necesita: http://agmap.x10.bz/