View Full Version : Jquery rounded corners

28 Jan 2012, 06:34 AM
Dear Experts,

I have following codes

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<META content="text/html; charset=windows-1252" http-equiv=Content-Type>
<META name=GENERATOR content="MSHTML 8.00.7600.16912">

<style type="text/css">

.back {clear:both;width:100px;height:30px;padding:5px;color:green;font-style:bold;}

h3 {color:blue;font-style:bold;BACKGROUND: url(hotmail2.jpg) no-repeat center #90bade;line-height:30px;}

#box {width:275px;height:275px;padding:5px;margin:5px;background:#e3eeff;text-align:center;border:1px solid #069;}

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

<script type="text/javascript">
alert("Please note \n Image corners will be rounded now")



<h1>JQuery Tutorials</h1>

<div id="box">
<H3>Rounded Corners</H3>
<div id="imgBox"><img src="bg8.jpg" alt="" width=200 height=200></div><br>
<input type="submit" class="back" name="RD" value="Apply">



I want to apply rounded corners to image.
For this when I press Apply button, then it does not work.
Please help me to locate where is what is wrong with my codes.


28 Jan 2012, 01:19 PM
The selector is not correct. Instead of


you must use