Strona 1 z 1

Zaokrąglone rogi w jquery - problem

Napisane: czwartek, 19 stycznia 2012, 00:40
przez jacus88
Witam

Na stronie http://jquery.malsup.com/corner/ pokazane jest jak zrobić okrągłe rogi w boxach. Problem polega na tym iż nie działa to u mnie.
U mnie wygląda to tak:

HTML:

Code: Zaznacz cały

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html>
<head>
  <meta http-equiv="Content-type" content="text/html; charset=utf-8">
  <meta http-equiv="Content-Language" content="pl">

  <title>Corner</title>

  <script type="text/javascript" src="jquery.corner.js"></script> 
 <script type="text/javascript" src="jquery.js"></script>

<script type="text/javascript">

$('document').ready(
function()
{

$('.page').corner();

}
);

</script>

<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body>

<div class="page">cos tam</div>


</body>
</html>

CSS:
.page
{
	background-color: red;
	height: 50px;
	width: 400px;
	margin:30px;
	padding: 10px;

}
Plik jquery.corner.js - pobrany ze strony w/w

Plik jquery.js pobrany z jquery.com - najnowszy

Wszystko chyba jest ok a nie działa - nie mam pomysłu co jest nie tak - proszę o podpowiedź - pomoc.

Z góry dzięki

Re: Zaokrąglone rogi w jquery - problem

Napisane: czwartek, 19 stycznia 2012, 10:35
przez Morfidon
Witam,

Zmień nazwę pliku pluginu jquery.corner.js na corner.js

Pozdrawiam

Re: Zaokrąglone rogi w jquery - problem

Napisane: czwartek, 19 stycznia 2012, 21:38
przez jacus88
Dzieki za podpowiedz, ale musialem jeszcze zamienic miejscami skrypty, tzn na pierwszym miesjcu jquery.js a na drugim corner.js nie wiem czy to ma znaczenie, ale jak bylo odwrotnie to nie dzialalo - teraz jest ok - dzieki
Pozdrawiam