Any assistance will be appreciated.
I just installed eCSStender. I tried using it in one of my own files
and border-radius didn't work. I then copied some example code from
http://designshack.co.uk/articles/css/using-ecsstender-to-clean-up-your-css.
Note that the instructions say that you only need eCSStender.js and
eCSStenderBB.js.
The JavaScript files are at the same level as the html file.
Thanks,
Avram Baskin
-----
Here's the HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=utf-8"/>
<title>eCSStender Test</title>
<link rel="stylesheet" href="style.css" type="text/css"
media="screen" charset="utf-8"/>
<script type="text/javascript" src="eCSStender.js"></script>
<script type="text/javascript" src="eCSStenderBB.js"></script>
<style type="text/css">
<!--
* {
padding: 0;
margin: 0;
}
body {
background: #83d9c5;
}
#theBox {
font-family: helvetica, sans-serif;
font-size: 50px;
line-height: 300px;
text-align: center;
letter-spacing: -2px;
border-radius: 25px 75px 75px 75px;
}
#theBox a {
display: block;
width: 300px;
height: 300px;
background-color: #123a31;
text-decoration: none;
color: white;
margin: 100px auto;
}
#theBox a:hover {
background: #1e6152;
}
-->
</style>
</head>
<body>
<div id="theBox">
<p><a href="#">eCSStender</a></p>
</div>
</body>
</html>