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
Lo subo a este host por si alguien lo necesita: http://agmap.x10.bz/
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
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
yo para redondear capas uso el "border-radius.htc"
Kostane
Enrique Gonzalez
Gracias, he aplicado border-radius.htc y he solucionado el problema.